@font-face{font-family: 'Kensmark';src: url('../fonts/Kensmark-03-Bold.otf') format('opentype');font-weight: 400;font-style: normal;font-display: swap}:root{--bg: #12062e;--bg-2: #1a0a3d;--surface: rgba(255,255,255,0.05);--surface-2: rgba(255,255,255,0.085);--border: rgba(255,255,255,0.13);--border-hover: rgba(41,171,226,0.55);--text: #eaf0f6;--muted: #ffffff;--accent: #29abe2;--accent-2: #4fd2ff;--accent-glow: rgba(41,171,226,0.35);--maxw: 1320px;--ease: cubic-bezier(0.22,1,0.36,1)}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body{background: linear-gradient(180deg,#1a0a3d 0%,#12062e 55%,#0b0420 100%);background-attachment: fixed;color: var(--text);font-family: 'Inter',system-ui,sans-serif;line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased}body::before{content: "";position: fixed;inset: 0;background: radial-gradient(58% 48% at 88% -6%,rgba(54,224,255,0.12),transparent 62%),radial-gradient(55% 45% at -5% 102%,rgba(157,78,221,0.16),transparent 58%),radial-gradient(45% 40% at 50% 55%,rgba(120,50,220,0.08),transparent 65%);pointer-events: none;z-index: 0}.container{width: 100%;max-width: var(--maxw);margin: 0 auto;padding: 0 18px}a{color: inherit;text-decoration: none}section[id],span#top{scroll-margin-top: 90px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline: 2px solid var(--accent-2);outline-offset: 3px;border-radius: 4px}.accent{color: var(--accent)}.scroll-progress{position: fixed;top: 0;left: 0;height: 3px;width: 0;background: linear-gradient(90deg,var(--accent),var(--accent-2));z-index: 1000;box-shadow: 0 0 12px var(--accent-glow)}.btn{display: inline-flex;align-items: center;gap: 10px;padding: 15px 28px;font-family: 'Space Grotesk',sans-serif;font-weight: 600;font-size: 0.95rem;border-radius: 50px;border: 1px solid transparent;cursor: pointer;transition: all 0.35s var(--ease);white-space: nowrap}.btn .arrow{transition: transform 0.35s var(--ease)}.btn:hover .arrow{transform: translateX(5px)}.btn-sm{padding: 11px 22px;font-size: 0.88rem}.btn-block{width: 100%;justify-content: center}.btn-primary{background: linear-gradient(135deg,var(--accent),#1d8fc4);color: #001019;box-shadow: 0 8px 30px -8px var(--accent-glow)}.btn-primary:hover{transform: translateY(-3px);box-shadow: 0 14px 40px -8px var(--accent-glow)}.btn-ghost{background: transparent;color: var(--text);border-color: var(--border)}.btn-ghost:hover{border-color: var(--accent);color: var(--accent)}.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 900;padding: 18px 0;transition: all 0.4s var(--ease)}.navbar.scrolled{padding: 11px 0;background: rgba(12,5,30,0.82);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border)}.nav-inner{display: flex;align-items: center;justify-content: space-between}.brand-logo{height: 40px;width: auto;filter: brightness(0) invert(1);transition: filter 0.3s}.brand:hover .brand-logo{filter: none}.nav-links{display: flex;align-items: center;gap: 30px}.nav-links a{font-family: 'Space Grotesk',sans-serif;font-size: 0.95rem;font-weight: 500;color: var(--muted);position: relative;transition: color 0.3s}.nav-links a:not(.nav-cta)::after{content: "";position: absolute;bottom: -6px;left: 0;width: 0;height: 2px;background: var(--accent);transition: width 0.3s var(--ease)}.nav-links a:hover{color: var(--text)}.nav-links a:hover:not(.nav-cta)::after{width: 100%}.nav-cta{padding: 9px 20px;border: 1px solid var(--border);border-radius: 50px;color: var(--text) !important}.nav-cta:hover{border-color: var(--accent);color: var(--accent) !important;background: rgba(41,171,226,0.08)}.nav-toggle{display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer}.nav-toggle span{width: 26px;height: 2px;background: var(--text);transition: 0.3s}.tf-topnav{gap: 46px}.tf-topnav a{font-family: 'Kensmark','Orbitron',sans-serif;text-transform: uppercase;color: #ffffff;font-size: 1.18rem;font-weight: 400;letter-spacing: 0.14em;text-shadow: 0 0 10px rgba(54,224,255,0.25)}.tf-topnav a:hover{color: #7fe9ff}.tf-topnav a::after{height: 2px;background: #38e1ff;box-shadow: 0 0 8px #38e1ff}.tf-topnav a.active{color: #38e1ff}.tf-topnav a.active::after{width: 100%}@media (max-width: 768px){.tf-topnav{gap: 26px}.tf-topnav a{font-size: 1.4rem}}.hero{position: relative;min-height: 100vh;display: flex;align-items: center;overflow: hidden;padding: 120px 0 60px}#heroCanvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1}.hero-glow{position: absolute;top: 40%;left: 50%;width: 900px;height: 900px;transform: translate(-50%,-50%);background: radial-gradient(circle,rgba(41,171,226,0.12),transparent 65%);z-index: 1;pointer-events: none}.hero-content{position: relative;z-index: 2;max-width: 960px}.hero-eyebrow{font-family: 'Space Grotesk',monospace;letter-spacing: 0.22em;font-size: 0.8rem;color: var(--accent);margin-bottom: 22px;font-weight: 600}.hero-title{font-family: 'Syne',sans-serif;font-weight: 800;font-size: clamp(2.7rem,8.5vw,6.6rem);line-height: 0.98;letter-spacing: -0.02em;margin-bottom: 28px}.hero-title .line{display: block}.hero-title .accent{background: linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.hero-sub{font-size: clamp(1rem,1.6vw,1.2rem);color: var(--muted);max-width: 640px;margin-bottom: 38px}.hero-actions{display: flex;gap: 16px;flex-wrap: wrap;margin-bottom: 60px}.hero-marquee{position: relative;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 16px 0;overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display: inline-flex;align-items: center;gap: 22px;white-space: nowrap;animation: marquee 28s linear infinite;font-family: 'Space Grotesk',sans-serif;font-weight: 600;font-size: 1.05rem;color: var(--text)}.marquee-track i{color: var(--accent);font-style: normal}@keyframes marquee{to{transform: translateX(-50%)}}.scroll-cue{position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);width: 26px;height: 42px;border: 2px solid var(--border);border-radius: 16px;z-index: 2}.scroll-cue span{position: absolute;top: 8px;left: 50%;transform: translateX(-50%);width: 4px;height: 8px;background: var(--accent);border-radius: 2px;animation: cue 1.6s var(--ease) infinite}@keyframes cue{0%{opacity:0;top:8px}40%{opacity:1}80%{opacity:0;top:24px}100%{opacity:0}}.section{position: relative;z-index: 2;padding: 56px 0}.section-tag{font-family: 'Space Grotesk',monospace;letter-spacing: 0.2em;font-size: 0.78rem;font-weight: 600;color: var(--accent);margin-bottom: 16px;text-transform: uppercase}.section-title{font-family: 'Syne',sans-serif;font-weight: 700;font-size: clamp(1.9rem,4.2vw,3.3rem);line-height: 1.22;letter-spacing: -0.005em}.section-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 30px;margin-bottom: 40px;flex-wrap: wrap}.section-head--center{justify-content: center;text-align: center}.section-head--center>div{width: 100%}.section-head-sub{color: var(--muted);max-width: 360px;font-size: 1.02rem}.lead{color: var(--muted);font-size: 1.08rem;margin: 22px 0 30px}.about .lead{color: #cdddf0}.glass-card{background: var(--surface);border: 1px solid var(--border);border-radius: 18px;backdrop-filter: blur(8px);transition: transform 0.4s var(--ease),border-color 0.4s,background 0.4s}.about-grid{display: grid;grid-template-columns: 1.3fr 1fr;gap: 60px;align-items: center}.about-list{list-style: none;margin: 26px 0 32px;display: grid;gap: 14px}.about-list li{display: flex;align-items: center;gap: 12px;font-family: 'Space Grotesk',sans-serif;font-weight: 500;font-size: 1.02rem;letter-spacing: 0.2px;color: #d7e8f6;transition: color 0.3s var(--ease),transform 0.3s var(--ease)}.about-list li:hover{color: var(--accent-2);transform: translateX(4px)}.about-list .dot{width: 8px;height: 8px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 10px var(--accent-glow);flex: none}.mission-card{padding: 40px;position: relative;overflow: hidden}.mission-card::before{content:"";position:absolute;top:-40%;right:-30%;width: 260px;height: 260px;border-radius:50%;background: radial-gradient(circle,var(--accent-glow),transparent 70%)}.mission-icon{font-size: 2.4rem;margin-bottom: 14px}.mission-card h3{font-family:'Syne',sans-serif;font-size: 1.5rem;margin-bottom: 12px}.mission-title{background: linear-gradient(100deg,#ffffff 0%,#7fe9ff 25%,#4fd2ff 45%,#ffffff 60%,#4fd2ff 80%,#ffffff 100%);background-size: 220% auto;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;filter: drop-shadow(0 0 14px rgba(79,210,255,0.65));animation: missionShine 3.5s linear infinite}@keyframes missionShine{to{background-position: 220% center}}.mission-card p{color: var(--muted);margin-bottom: 26px}.mission-card p:last-of-type{margin-bottom: 0}.mission-card p .hl{font-weight: 600;background: linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}@media (prefers-reduced-motion: reduce){.mission-title{animation: none}}.mission-meta{display: flex;gap: 30px;border-top: 1px solid var(--border);padding-top: 22px}.mission-meta strong{font-family:'Syne',sans-serif;display:block;font-size: 1.5rem;color: var(--accent)}.mission-meta span{font-size: 0.85rem;color: var(--muted)}.cards-grid{display: grid;gap: 22px}.services-grid{grid-template-columns: repeat(4,1fr)}.products-grid{grid-template-columns: repeat(4,1fr)}.service-card,.product-card{padding: 30px 26px;position: relative;overflow: hidden;display: flex;flex-direction: column}.service-card:hover,.product-card:hover,.testi-card:hover{transform: translateY(-8px);border-color: var(--border-hover);background: var(--surface-2)}.service-card h3,.product-card h3{font-family:'Syne',sans-serif;font-size: 1.22rem;margin-bottom: 12px;line-height: 1.15}.service-card p,.product-card p{color: var(--muted);font-size: 0.94rem;flex: 1;margin-bottom: 18px}.card-index{font-family:'Space Grotesk',monospace;font-size: 0.85rem;color: var(--accent);opacity: 0.8;margin-bottom: 18px;display: block}.card-link{font-family:'Space Grotesk',sans-serif;font-size: 0.9rem;font-weight: 600;color: var(--text);display: inline-flex;align-items: center;gap: 7px}.card-link i{color: var(--accent);transition: transform 0.3s var(--ease)}.service-card:hover .card-link i,.product-card:hover .card-link i{transform: translateX(5px)}.product-tag{align-self: flex-start;font-family:'Space Grotesk',sans-serif;font-size: 0.72rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--accent);background: rgba(41,171,226,0.1);border: 1px solid rgba(41,171,226,0.25);padding: 5px 12px;border-radius: 50px;margin-bottom: 18px}.products{position: relative;overflow: hidden}.products::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(45% 38% at 12% 18%,rgba(157,78,221,0.18),transparent 65%),radial-gradient(42% 36% at 88% 85%,rgba(54,224,255,0.14),transparent 65%)}.products .container{position: relative;z-index: 1}.products-sub{text-align: center;color: var(--muted);font-size: 1.05rem;margin: 22px auto 40px;max-width: 620px}.products-grid .product-card:nth-child(4n+1){--pc: #36e0ff;--pc-soft: rgba(54,224,255,0.18)}.products-grid .product-card:nth-child(4n+2){--pc: #ff5ce0;--pc-soft: rgba(255,92,224,0.18)}.products-grid .product-card:nth-child(4n+3){--pc: #b44dff;--pc-soft: rgba(180,77,255,0.20)}.products-grid .product-card:nth-child(4n){--pc: #ffb84d;--pc-soft: rgba(255,184,77,0.16)}.products-grid{gap: 28px}.products-grid .product-card{background: linear-gradient(180deg,rgba(22,15,50,0.80),rgba(9,6,26,0.88));border-color: rgba(157,78,221,0.30);padding: 34px 30px 30px}.products-grid .product-card h3{font-size: 1.12rem;line-height: 1.45;margin-bottom: 14px;padding-right: 6px;letter-spacing: 0.035em;word-spacing: 0.08em}.products-grid .product-card p{font-size: 0.94rem;line-height: 1.75;margin-bottom: 28px}.products-grid .card-link{margin-top: auto}.products-grid .product-card::before{content: "";position: absolute;top: 0;left: 16px;right: 16px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,transparent,var(--pc),transparent);opacity: 0.55;transition: opacity 0.3s var(--ease)}.products-grid .product-card::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(115deg,transparent 35%,rgba(255,255,255,0.09) 50%,transparent 65%);transform: translateX(-130%) skewX(-8deg);transition: transform 0.9s var(--ease)}.products-grid .product-card:hover{transform: translateY(-8px);border-color: var(--pc);background: linear-gradient(180deg,rgba(28,19,66,0.88),rgba(11,8,32,0.92));box-shadow: 0 14px 40px rgba(0,0,0,0.45),0 0 28px var(--pc-soft)}.products-grid .product-card:hover::before{opacity: 1}.products-grid .product-card:hover::after{transform: translateX(130%) skewX(-8deg)}.product-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;margin-bottom: 24px}.product-top .product-tag{margin-bottom: 0;color: var(--pc);border-color: var(--pc-soft);background: rgba(255,255,255,0.05);text-shadow: 0 0 10px var(--pc-soft)}.product-ic{width: 52px;height: 52px;flex: none;display: grid;place-items: center;font-size: 1.65rem;border-radius: 14px;background: linear-gradient(160deg,var(--pc-soft),rgba(255,255,255,0.03));border: 1px solid var(--pc-soft);filter: drop-shadow(0 0 10px var(--pc-soft));transition: transform 0.35s var(--ease),filter 0.35s var(--ease)}.products-grid .product-card:hover .product-ic{transform: scale(1.1) rotate(-5deg);filter: drop-shadow(0 0 16px var(--pc))}.products-grid .product-card:hover h3{text-shadow: 0 0 16px var(--pc-soft)}.products-grid .product-card:hover .card-link i{color: var(--pc)}.cta-card{background: linear-gradient(135deg,rgba(41,171,226,0.16),rgba(41,171,226,0.04));border-color: rgba(41,171,226,0.3);justify-content: center;align-items: flex-start}.cta-card h3{font-family:'Syne',sans-serif;font-size: 1.3rem;margin-bottom: 10px}.cta-card p{color: var(--muted);margin-bottom: 22px}.stats{padding: 48px 0}.stats-banner{text-align: center;font-family:'Syne',sans-serif;font-weight: 700;font-size: clamp(1.6rem,3.2vw,2.5rem);line-height: 1.3;letter-spacing: -0.01em;max-width: 820px;margin: 0 auto 64px;white-space: nowrap}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px}.stat{text-align: center;padding: 38px 18px;border: 1px solid var(--border);border-radius: 18px;background: var(--surface)}.stat-num{font-family:'Sora','Space Grotesk',sans-serif;font-weight: 700;font-size: clamp(2.4rem,5.6vw,3.6rem);letter-spacing: 0.02em;background: linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.1}.stat-num::after{content:"+";-webkit-text-fill-color: var(--accent)}.stat-label{color: var(--muted);margin-top: 10px;font-family:'Space Grotesk',sans-serif;font-size: 0.95rem}.testi-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.testi-card{padding: 40px;position: relative}.quote-mark{font-family: 'Syne',sans-serif;font-weight: 800;font-size: 5.2rem;line-height: 0.7;margin-bottom: 10px;background: linear-gradient(135deg,var(--accent-2) 0%,var(--accent) 45%,#9d4edd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;filter: drop-shadow(0 3px 10px rgba(157,78,221,0.35));display: inline-block}.testi-card blockquote{font-size: 1.18rem;line-height: 1.5;margin-bottom: 26px}.testi-card figcaption strong{font-family:'Syne',sans-serif;font-size: 1.05rem;display: block;color: #b26bff;text-shadow: 0 0 10px rgba(157,78,221,0.6)}.testi-card figcaption span{color: #9d4edd;font-size: 0.9rem;font-weight: 600;text-shadow: 0 0 8px rgba(157,78,221,0.45)}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: stretch}.contact-info{display: grid;gap: 16px;margin-top: 32px}.info-item{--ic-a: #29abe2;--ic-b: #4fd2ff;--ic-shadow: rgba(41,171,226,0.45);position: relative;display: flex;gap: 16px;align-items: center;padding: 16px 18px 16px 20px;border: 1px solid var(--border);border-radius: 14px;background: var(--surface);overflow: hidden;transition: transform 0.3s var(--ease),border-color 0.3s,box-shadow 0.3s}.info-item:nth-child(even){--ic-a: #9d4edd;--ic-b: #b26bff;--ic-shadow: rgba(157,78,221,0.45)}.info-item::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg,var(--ic-a),var(--ic-b));opacity: 0.9}.info-item:hover{border-color: var(--ic-a);transform: translateY(-3px);box-shadow: 0 10px 26px -8px var(--ic-shadow)}.info-ic{display: grid;place-items: center;flex: none;width: 46px;height: 46px;border-radius: 12px;font-size: 1.35rem;color: #fff;background: linear-gradient(135deg,var(--ic-a),var(--ic-b));box-shadow: 0 6px 16px -4px var(--ic-shadow),inset 0 1px 0 rgba(255,255,255,0.35);transition: transform 0.3s var(--ease)}.info-item:hover .info-ic{transform: scale(1.08) rotate(-4deg)}.info-k{display: block;font-size: 0.78rem;color: var(--muted);text-transform: uppercase;letter-spacing: 0.08em}.info-v{display: block;font-family:'Space Grotesk',sans-serif;font-weight: 700;background: linear-gradient(90deg,#b26bff 0%,#4fd2ff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;width: fit-content}.contact-form{padding: 40px}.contact-form h3{font-family:'Syne',sans-serif;font-size: 1.5rem;margin-bottom: 26px}.field{position: relative;margin-bottom: 22px}.field input,.field textarea{width: 100%;background: rgba(255,255,255,0.04);border: 1px solid var(--border);border-radius: 12px;padding: 16px 16px 6px;color: var(--text);font-family: inherit;font-size: 0.98rem;transition: border-color 0.3s;resize: vertical}.field textarea{padding-top: 22px}.field input:focus,.field textarea:focus{outline: none;border-color: var(--accent)}.field label{position: absolute;left: 16px;top: 15px;color: var(--muted);font-size: 0.95rem;pointer-events: none;transition: all 0.2s var(--ease)}.field input:focus + label,.field input:not(:placeholder-shown) + label,.field textarea:focus + label,.field textarea:not(:placeholder-shown) + label{top: 6px;font-size: 0.7rem;color: var(--accent)}.form-note{margin-top: 14px;font-size: 0.9rem;color: var(--accent);min-height: 18px}.footer{position: relative;z-index: 2;overflow: hidden;padding-top: 74px;background: radial-gradient(60% 80% at 12% 0%,rgba(41,171,226,0.10),transparent 60%),radial-gradient(55% 75% at 90% 10%,rgba(157,78,221,0.12),transparent 60%),linear-gradient(180deg,#0e0524 0%,#090318 100%)}.footer::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,transparent,var(--accent) 20%,#9d4edd 55%,var(--accent-2) 80%,transparent);box-shadow: 0 0 16px rgba(79,210,255,0.5)}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1.3fr;gap: 40px;padding-bottom: 50px}.footer-logo{height: 42px;filter: brightness(0) invert(1);margin-bottom: 20px}.footer-brand p{color: var(--muted);font-size: 0.95rem;max-width: 340px;margin-bottom: 24px}.socials{display: flex;gap: 12px}.socials a{position: relative;width: 42px;height: 42px;display: grid;place-items: center;border: 1px solid var(--border);border-radius: 12px;font-family:'Space Grotesk',sans-serif;font-weight: 600;font-size: 0.9rem;color: var(--muted);background: rgba(255,255,255,0.04);transition: transform 0.3s var(--ease),box-shadow 0.3s,border-color 0.3s,color 0.3s,background 0.3s}.socials a:hover{color: #fff;border-color: transparent;transform: translateY(-4px);background: linear-gradient(135deg,var(--accent),#9d4edd);box-shadow: 0 8px 20px -6px rgba(157,78,221,0.6)}.footer-col h4{position: relative;font-family:'Syne',sans-serif;font-size: 1.05rem;margin-bottom: 22px;padding-bottom: 10px;color: #fff}.footer-col h4::after{content: "";position: absolute;left: 0;bottom: 0;width: 34px;height: 3px;border-radius: 3px;background: linear-gradient(90deg,var(--accent),#9d4edd);box-shadow: 0 0 10px rgba(79,210,255,0.5)}.footer-col a,.footer-addr{display: block;color: var(--muted);font-size: 0.92rem;margin-bottom: 11px;transition: color 0.3s,transform 0.3s}.footer-col a:hover{color: var(--accent-2);transform: translateX(5px)}.footer-reach a,.footer-reach .footer-addr{width: fit-content;font-weight: 700;background: linear-gradient(90deg,#b26bff 0%,#4fd2ff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.footer-reach a:hover{filter: brightness(1.2);transform: translateX(5px)}.footer-bottom{display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap;padding: 24px 0;border-top: 1px solid rgba(255,255,255,0.10);color: var(--muted);font-size: 0.85rem}.back-top{position: fixed;bottom: 26px;right: 26px;z-index: 800;width: 48px;height: 48px;display: grid;place-items: center;background: var(--accent);color: #001019;border-radius: 50%;font-size: 1.2rem;font-weight: 700;opacity: 0;visibility: hidden;transform: translateY(14px);transition: all 0.35s var(--ease);box-shadow: 0 8px 24px -6px var(--accent-glow)}.back-top.show{opacity: 1;visibility: visible;transform: translateY(0)}.back-top:hover{transform: translateY(-4px)}[data-reveal]{opacity: 0;transform: translateY(28px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}[data-reveal].in{opacity: 1;transform: none}@media (max-width: 1024px){.services-grid,.products-grid{grid-template-columns: repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns: 1fr;gap: 44px}.footer-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 768px){.nav-links{position: fixed;inset: 0 0 0 auto;width: min(80%,320px);flex-direction: column;align-items: flex-start;justify-content: center;gap: 26px;padding: 40px;background: rgba(7,9,13,0.97);backdrop-filter: blur(16px);border-left: 1px solid var(--border);transform: translateX(100%);transition: transform 0.4s var(--ease)}.nav-links.open{transform: translateX(0)}.nav-toggle{display: flex;z-index: 950}.nav-toggle.active span:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity: 0}.nav-toggle.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.section{padding: 44px 0}.testi-grid,.stats-grid{grid-template-columns: 1fr}.stats-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.services-grid,.products-grid{grid-template-columns: 1fr}.container{padding: 0 20px}.footer-grid{grid-template-columns: 1fr}.mission-meta{flex-direction: column;gap: 16px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}[data-reveal]{opacity: 1;transform: none}}.page-hero{position: relative;z-index: 2;padding: 170px 0 70px;overflow: hidden;border-bottom: 1px solid var(--border)}.page-hero::before{content: "";position: absolute;inset: 0;background: radial-gradient(60% 80% at 85% 0%,rgba(41,171,226,0.12),transparent 60%);pointer-events: none}.page-hero .container{position: relative;z-index: 2}.page-hero h1{font-family: 'Syne',sans-serif;font-weight: 800;font-size: clamp(2.2rem,6vw,4.2rem);line-height: 1.02;letter-spacing: -0.02em;max-width: 16ch}.page-hero .page-lead{color: var(--muted);font-size: 1.12rem;max-width: 620px;margin-top: 20px}.page-hero .hero-canvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1}.page-hero .hero-glow{position: absolute;top: -30%;left: 70%;transform: translate(-50%,0);width: 760px;height: 760px;background: radial-gradient(circle,rgba(41,171,226,0.14),transparent 65%);z-index: 1;pointer-events: none}.page-hero h1 .accent{background: linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.page-hero h1.ah-title,h2.ah-title{font-family: 'Orbitron',sans-serif;font-weight: 800;letter-spacing: 0.02em;text-transform: uppercase;line-height: 1.08;font-size: clamp(1.8rem,5vw,3.4rem);background: linear-gradient(110deg,#ffffff 0%,#cdefff 38%,var(--accent-2) 70%,var(--accent) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;filter: drop-shadow(0 6px 26px rgba(41,171,226,0.30))}h2.ah-title{font-size: clamp(1.5rem,3.6vw,2.6rem)}h2.ah-hero{font-size: clamp(1rem,2.2vw,1.6rem);letter-spacing: 0.14em}.page-hero h1.ah-title{font-size: clamp(1rem,2.2vw,1.6rem);letter-spacing: 0.14em;max-width: none}.page-hero h1.ah-title .accent,h2.ah-title .accent{background: linear-gradient(120deg,var(--accent-2),var(--accent));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.breadcrumb{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;font-family: 'Space Grotesk',sans-serif;font-size: 0.85rem;color: var(--muted);margin-bottom: 24px}.breadcrumb a{color: var(--muted);transition: color 0.3s}.breadcrumb a:hover{color: var(--accent)}.breadcrumb .sep{color: var(--accent);opacity: 0.6}.breadcrumb .here{color: var(--text)}.prose{max-width: 760px}.prose p{color: var(--muted);font-size: 1.06rem;margin-bottom: 22px}.prose h2{font-family: 'Syne',sans-serif;font-size: clamp(1.5rem,3vw,2rem);margin: 44px 0 18px}.prose h3{font-family: 'Syne',sans-serif;font-size: 1.25rem;margin: 30px 0 14px}.prose ul{list-style: none;display: grid;gap: 12px;margin: 0 0 26px}.prose ul li{position: relative;padding-left: 26px;color: var(--text)}.prose ul li::before{content: "";position: absolute;left: 0;top: 9px;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 10px var(--accent-glow)}.prose a:not(.btn){color: var(--accent);text-decoration: underline;text-underline-offset: 3px}.prose--white p,.prose--white h2,.prose--white h3{color: #fff}.detail-grid{display: grid;grid-template-columns: 1.6fr 1fr;gap: 56px;align-items: start}.detail-aside{position: sticky;top: 100px;display: grid;gap: 20px}.aside-card{padding: 30px}.aside-card h4{font-family: 'Syne',sans-serif;font-size: 1.15rem;margin-bottom: 16px}.aside-card ul{list-style: none;display: grid;gap: 10px}.aside-card ul li{display: flex;gap: 10px;align-items: center;color: #fff;font-size: 0.95rem}.aside-card ul li::before{content: "\2192";color: var(--accent)}.story-lead{position: relative;font-size: 1.14rem;line-height: 1.85;padding: 22px 26px;border-left: 3px solid var(--accent);border-radius: 0 14px 14px 0;background: linear-gradient(90deg,rgba(41,171,226,0.12),rgba(41,171,226,0.03) 70%,transparent)}.prose .story-h{position: relative;padding-bottom: 12px}.prose .story-h::after{content: "";position: absolute;left: 0;bottom: 0;width: 64px;height: 3px;border-radius: 2px;background: linear-gradient(90deg,var(--accent),#9d4edd);box-shadow: 0 0 12px var(--accent-glow)}.drive-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin: 26px 0 30px}.drive-item{display: flex;gap: 14px;align-items: flex-start;padding: 18px;border: 1px solid var(--border);border-radius: 14px;background: linear-gradient(180deg,rgba(22,15,50,0.65),rgba(9,6,26,0.75));transition: transform 0.3s var(--ease),border-color 0.3s,box-shadow 0.3s}.drive-item:hover{transform: translateY(-4px);border-color: var(--border-hover);box-shadow: 0 10px 26px rgba(0,0,0,0.35),0 0 18px rgba(41,171,226,0.18)}.drive-ic{flex: none;width: 44px;height: 44px;display: grid;place-items: center;font-size: 1.35rem;border-radius: 12px;background: rgba(41,171,226,0.12);border: 1px solid rgba(41,171,226,0.25);filter: drop-shadow(0 0 8px rgba(41,171,226,0.35))}.drive-item h4{font-family: 'Syne',sans-serif;font-size: 1.02rem;margin-bottom: 4px;color: #fff}.prose .drive-item p{font-size: 0.9rem;line-height: 1.6;margin-bottom: 0}.glance-card{position: relative;overflow: hidden;background: linear-gradient(180deg,rgba(22,15,50,0.85),rgba(9,6,26,0.90));border-color: rgba(157,78,221,0.35)}.glance-card::before{content: "";position: absolute;top: 0;left: 18px;right: 18px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,transparent,#36e0ff,#b44dff,transparent);box-shadow: 0 0 12px rgba(54,224,255,0.45)}.glance-card h4{font-size: 1.2rem;letter-spacing: 0.02em;background: linear-gradient(90deg,#ffffff,#7fe9ff 55%,#b47aff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;filter: drop-shadow(0 0 10px rgba(79,210,255,0.35))}.aside-card .glance-list{gap: 8px}.aside-card .glance-list li{align-items: center;gap: 14px;padding: 10px 12px;border-radius: 12px;border: 1px solid transparent;transition: background 0.3s,border-color 0.3s,transform 0.3s var(--ease)}.aside-card .glance-list li:hover{background: rgba(255,255,255,0.05);border-color: rgba(54,224,255,0.25);transform: translateX(4px)}.aside-card .glance-list li::before{content: none}.glance-ic{flex: none;width: 42px;height: 42px;display: grid;place-items: center;font-size: 1.25rem;border-radius: 12px;background: rgba(157,78,221,0.14);border: 1px solid rgba(157,78,221,0.30);filter: drop-shadow(0 0 8px rgba(157,78,221,0.35))}.glance-list li:nth-child(1) .glance-ic{background: rgba(54,224,255,0.14);border-color: rgba(54,224,255,0.32);filter: drop-shadow(0 0 8px rgba(54,224,255,0.40))}.glance-list li:nth-child(2) .glance-ic{background: rgba(255,92,224,0.14);border-color: rgba(255,92,224,0.32);filter: drop-shadow(0 0 8px rgba(255,92,224,0.40))}.glance-list li:nth-child(3) .glance-ic{background: rgba(180,77,255,0.16);border-color: rgba(180,77,255,0.36);filter: drop-shadow(0 0 8px rgba(180,77,255,0.40))}.glance-list li:nth-child(4) .glance-ic{background: rgba(255,184,77,0.14);border-color: rgba(255,184,77,0.32);filter: drop-shadow(0 0 8px rgba(255,184,77,0.40))}.glance-list strong{display: block;font-family: 'Syne',sans-serif;font-size: 0.98rem;color: #fff;line-height: 1.25}.glance-list div span{display: block;font-size: 0.85rem;color: var(--muted);opacity: 0.85}.values-card{position: relative;overflow: hidden}.values-card::before{content: "";position: absolute;top: 0;left: 18px;right: 18px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,transparent,#9d4edd,transparent)}.value-chips{display: flex;flex-wrap: wrap;gap: 10px}.value-chips span{font-family: 'Space Grotesk',sans-serif;font-size: 0.82rem;font-weight: 600;padding: 7px 14px;border-radius: 50px;border: 1px solid rgba(41,171,226,0.30);background: rgba(41,171,226,0.08);color: #dff3ff;transition: border-color 0.3s,background 0.3s,transform 0.3s var(--ease)}.value-chips span:hover{border-color: var(--accent);background: rgba(41,171,226,0.16);transform: translateY(-2px)}@media (max-width: 640px){.drive-grid{grid-template-columns: 1fr}}.steps{display: grid;gap: 16px;margin: 8px 0 10px}.step{display: flex;gap: 18px;padding: 22px;border: 1px solid var(--border);border-radius: 14px;background: var(--surface);transition: 0.3s}.step:hover{border-color: var(--border-hover);transform: translateX(4px)}.step-n{font-family: 'Syne',sans-serif;font-weight: 800;font-size: 1.4rem;color: var(--accent);flex: none}.step h4{font-family: 'Syne',sans-serif;font-size: 1.1rem;margin-bottom: 4px}.step p{color: var(--muted);font-size: 0.95rem;margin: 0}.cta-band{position: relative;z-index: 2;padding: 60px 0}.cta-band .container{max-width: none;padding-left: 0;padding-right: 0}.cta-band .glass-card{padding: 56px;text-align: center;background: linear-gradient(135deg,rgba(41,171,226,0.16),rgba(41,171,226,0.04));border-color: rgba(41,171,226,0.3)}.cta-band h2{font-family: 'Syne',sans-serif;font-size: clamp(1.7rem,3.6vw,2.6rem);margin-bottom: 14px}.cta-band p{color: var(--muted);max-width: 540px;margin: 0 auto 28px}.roles-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 22px}.role-card{padding: 30px;display: flex;flex-direction: column}.role-card:hover{transform: translateY(-6px);border-color: var(--border-hover);background: var(--surface-2)}.role-meta{display: flex;gap: 10px;flex-wrap: wrap;margin-bottom: 16px}.role-meta span{font-family: 'Space Grotesk',sans-serif;font-size: 0.74rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--accent);background: rgba(41,171,226,0.1);border: 1px solid rgba(41,171,226,0.25);padding: 5px 12px;border-radius: 50px}.role-card h3{font-family: 'Syne',sans-serif;font-size: 1.3rem;margin-bottom: 10px}.role-card p{color: var(--muted);font-size: 0.95rem;flex: 1;margin-bottom: 20px}.perks-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px}.perk{padding: 30px}.perk .perk-ic{font-size: 1.8rem;margin-bottom: 14px}.perk h3{font-family: 'Syne',sans-serif;font-size: 1.15rem;margin-bottom: 8px}.perk p{color: var(--muted);font-size: 0.95rem;margin: 0}.posts-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.post-card{display: flex;flex-direction: column;overflow: hidden}.post-card:hover{transform: translateY(-8px);border-color: var(--border-hover);background: var(--surface-2)}.post-thumb{height: 160px;position: relative;overflow: hidden;background: linear-gradient(135deg,rgba(41,171,226,0.22),rgba(41,171,226,0.04));display: grid;place-items: center}.post-thumb .glyph{font-size: 3rem;opacity: 0.5}.post-body{padding: 26px;display: flex;flex-direction: column;flex: 1}.post-cat{font-family: 'Space Grotesk',sans-serif;font-size: 0.74rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--accent);margin-bottom: 12px}.post-card h3{font-family: 'Syne',sans-serif;font-size: 1.2rem;line-height: 1.2;margin-bottom: 10px}.post-card p{color: var(--muted);font-size: 0.93rem;flex: 1;margin-bottom: 18px}.post-meta{font-size: 0.82rem;color: var(--muted);display: flex;gap: 8px;align-items: center}.post-feature{grid-column: 1 / -1}.post-feature.post-card{flex-direction: row}.post-feature .post-thumb{height: auto;width: 42%;min-height: 260px}.post-feature .post-body{width: 58%;justify-content: center}.post-feature h3{font-size: 1.7rem}@media (max-width: 1024px){.detail-grid{grid-template-columns: 1fr;gap: 40px}.detail-aside{position: static}.perks-grid,.posts-grid{grid-template-columns: 1fr 1fr}}@media (max-width: 768px){.page-hero{padding: 130px 0 56px}.roles-grid,.perks-grid,.posts-grid{grid-template-columns: 1fr}.post-feature.post-card{flex-direction: column}.post-feature .post-thumb,.post-feature .post-body{width: 100%}.cta-band .glass-card{padding: 38px 24px}}.compi-section{--cp-bg: #000a12;--cp-panel: #0c0726;--cp-purple: #9d4edd;--cp-purple2: #6c36e2;--cp-blue: #504edd;--cp-cyan: #4ecadd;--clip: polygon(7% 0,100% 0,100% 82%,92% 100%,0 100%,0 18%);position: relative;z-index: 2;padding: 52px 0 48px;background-color: transparent;background-image: radial-gradient(70% 60% at 80% 0%,rgba(108,54,226,0.14),transparent 60%),radial-gradient(60% 50% at 10% 100%,rgba(78,202,221,0.08),transparent 55%);border-top: 1px solid rgba(157,78,221,0.22);border-bottom: 1px solid rgba(157,78,221,0.22);overflow: hidden}.compi-track{position: absolute;top: 70px;left: 0;width: 100%;height: 30px;pointer-events: none;z-index: 1}.compi-bot{position: absolute;top: 0;font-size: 1.5rem;filter: drop-shadow(0 0 8px var(--cp-cyan));animation: compiBot 9s linear infinite}@keyframes compiBot{from{left: -4%}to{left: 104%}}.compi-heading{position: relative;display: block;max-width: 1120px;margin: 0 auto;text-align: center;text-transform: uppercase;font-family: 'Orbitron',sans-serif;font-weight: 800;font-size: clamp(1rem,2.2vw,1.6rem);letter-spacing: 0.14em;color: #eef2f8;padding: 18px 0 6px;border-radius: 0;background: none;border: none;box-shadow: none;text-shadow: none;animation: none}.compi-heading .accent,.compi-heading .grad{background: linear-gradient(120deg,#7fe3ff,#b26bff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-shadow: none}.compi-subheading{position: relative;margin: 4px auto 40px;max-width: 760px;padding: 12px 30px;text-align: center;font-family: 'Space Grotesk',sans-serif;font-size: clamp(0.95rem,2vw,1.2rem);font-weight: 600;letter-spacing: 0.01em;border: none;box-shadow: none;background: none;-webkit-text-fill-color: #fff;color: #fff}.grad-text{background: linear-gradient(90deg,#ff6ec7 0%,#b26bff 50%,#4fd2ff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;width: fit-content}.compi-intro{max-width: 720px;margin: 20px 0 40px;text-align: left;font-family: 'Inter',system-ui,sans-serif;font-size: 1.12rem;line-height: 1.6;font-weight: 400;background: linear-gradient(90deg,#ff6ec7 0%,#b26bff 50%,#4fd2ff 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.compi-grid{display: grid;gap: 1.8rem;grid-template-columns: repeat(auto-fit,minmax(270px,1fr));justify-items: center;align-items: stretch}.compi-card{width: 100%;max-width: 320px;filter: drop-shadow(0 0 12px rgba(108,54,226,0.45));transition: transform 0.35s var(--ease),filter 0.35s var(--ease)}.compi-card:hover{transform: translateY(-8px);filter: drop-shadow(0 0 22px rgba(157,78,221,0.85))}.compi-frame{clip-path: var(--clip);background: linear-gradient(150deg,var(--cp-purple) 0%,var(--cp-blue) 45%,var(--cp-cyan) 100%);padding: 2px;height: 100%}.compi-inner{clip-path: var(--clip);background: linear-gradient(180deg,var(--cp-panel),#05030f);height: 100%;display: flex;flex-direction: column}.compi-poster{position: relative;height: 178px;display: grid;place-items: center;overflow: hidden;background: radial-gradient(circle at 50% 35%,rgba(157,78,221,0.45),transparent 60%),linear-gradient(160deg,#1a0f3d,#0a0a18);border-bottom: 1px solid rgba(157,78,221,0.3)}.compi-poster::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(78,202,221,0.10) 1px,transparent 1px),linear-gradient(90deg,rgba(78,202,221,0.10) 1px,transparent 1px);background-size: 26px 26px;-webkit-mask-image: radial-gradient(circle at 50% 50%,#000,transparent 75%);mask-image: radial-gradient(circle at 50% 50%,#000,transparent 75%)}.poster-blockchain{background: radial-gradient(circle at 50% 35%,rgba(157,78,221,0.5),transparent 60%),linear-gradient(160deg,#241046,#0a0a18)}.poster-ai{background: radial-gradient(circle at 50% 35%,rgba(78,202,221,0.45),transparent 60%),linear-gradient(160deg,#0d2a44,#0a0a18)}.poster-mobile{background: radial-gradient(circle at 50% 35%,rgba(108,54,226,0.5),transparent 60%),linear-gradient(160deg,#1c1340,#0a0a18)}.poster-web{background: radial-gradient(circle at 50% 35%,rgba(41,171,226,0.45),transparent 60%),linear-gradient(160deg,#0a2540,#0a0a18)}.poster-salesforce{background: radial-gradient(circle at 50% 35%,rgba(78,202,221,0.45),transparent 60%),linear-gradient(160deg,#102a46,#0a0a18)}.poster-marketing{background: radial-gradient(circle at 50% 35%,rgba(157,78,221,0.5),transparent 60%),linear-gradient(160deg,#2a1046,#0a0a18)}.poster-support{background: radial-gradient(circle at 50% 35%,rgba(108,54,226,0.45),transparent 60%),linear-gradient(160deg,#161038,#0a0a18)}.poster-aiauto{background: radial-gradient(circle at 50% 35%,rgba(78,202,221,0.5),transparent 60%),linear-gradient(160deg,#0d2a44,#0a0a18)}.poster-aiagent{background: radial-gradient(circle at 50% 35%,rgba(157,78,221,0.55),transparent 60%),linear-gradient(160deg,#241046,#0a0a18)}.compi-glyph{position: relative;z-index: 2;font-size: 3.6rem;filter: drop-shadow(0 0 14px rgba(157,78,221,0.8))}.compi-overlay{position: absolute;inset: 0;z-index: 3;display: flex;align-items: center;justify-content: center;padding: 18px;text-align: center;background: rgba(2,3,15,0.82);backdrop-filter: blur(6px);opacity: 0;transition: opacity 0.4s var(--ease)}.compi-overlay p{color: #eaf0ff;font-size: 0.9rem;line-height: 1.5;transform: translateY(10px);transition: transform 0.4s var(--ease)}.compi-card:hover .compi-overlay{opacity: 1}.compi-card:hover .compi-overlay p{transform: translateY(0)}.compi-plate{padding: 18px 18px 6px;text-align: center}.compi-name{font-family: 'Orbitron',sans-serif;font-weight: 700;font-size: 0.95rem;color: #fff;text-transform: uppercase;letter-spacing: 0.06em;line-height: 1.35;margin-bottom: 6px;text-shadow: 0 0 10px rgba(157,78,221,0.5)}.compi-tag{font-family: 'Space Grotesk',sans-serif;font-size: 0.78rem;letter-spacing: 0.04em;color: var(--cp-cyan);text-transform: uppercase}.compi-actions{margin-top: auto;padding: 14px 16px 20px;display: flex;gap: 10px;justify-content: center}.compi-btn{font-family: 'Space Grotesk',sans-serif;font-weight: 600;font-size: 0.85rem;padding: 8px 16px;color: #fff;cursor: pointer;transition: all 0.3s var(--ease)}.compi-btn.explore{background: linear-gradient(135deg,var(--cp-purple2),var(--cp-purple));clip-path: polygon(0 0,100% 0,100% 60%,85% 100%,0 100%)}.compi-btn.register{background: var(--cp-panel);border: 1px solid var(--cp-purple2);clip-path: polygon(0 0,100% 0,100% 100%,15% 100%,0 60%)}.compi-btn.explore:hover{box-shadow: 0 0 16px rgba(157,78,221,0.8);transform: translateY(-2px)}.compi-btn.register:hover{background: var(--cp-purple2);transform: translateY(-2px)}.compi-foot{text-align: center;margin-top: 60px}.compi-foot p{color: #c8c2e6;margin-bottom: 20px;font-size: 1.05rem}@media (max-width: 560px){.compi-grid{grid-template-columns: 1fr}.compi-card{max-width: 340px;margin: 0 auto}}body.compi-theme{--bg: #000a12;--accent: #9d4edd;--accent-2: #4ecadd;--accent-glow: rgba(157,78,221,0.40);--border-hover: rgba(157,78,221,0.55)}body.compi-theme::before{background: radial-gradient(70% 50% at 80% -5%,rgba(157,78,221,0.16),transparent 60%),radial-gradient(60% 45% at 0% 100%,rgba(78,202,221,0.09),transparent 55%)}body.compi-theme .btn-primary{background: linear-gradient(135deg,#9d4edd,#6c36e2);color: #fff}body.compi-theme .page-hero{background-color: #000a12}body.compi-theme .page-hero::before{background: radial-gradient(60% 80% at 85% 0%,rgba(108,54,226,0.18),transparent 60%)}body.compi-theme .page-hero .hero-glow{background: radial-gradient(circle,rgba(157,78,221,0.20),transparent 65%)}body.compi-theme .cta-band .glass-card{background: linear-gradient(135deg,rgba(157,78,221,0.16),rgba(157,78,221,0.04));border-color: rgba(157,78,221,0.30)}body.compi-theme .aside-card{clip-path: polygon(6% 0,100% 0,100% 86%,94% 100%,0 100%,0 14%);border-color: rgba(157,78,221,0.35)}body.compi-theme .step{border-color: rgba(157,78,221,0.25)}.tf-hero{position: relative;z-index: 2;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 110px 0 60px;overflow: hidden;background: #12062e}.tf-city{position: absolute;inset: 0;z-index: 0;overflow: hidden;transform: translate(var(--mx,0px),var(--my,0px)) translateY(var(--sy,0px)) scale(1.07);transition: transform 0.18s ease-out}.tf-city::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 200%;background: url(../images/city-bg.svg) left bottom / 50% 100% repeat-x;animation: cityMarquee 11s linear infinite;will-change: transform}@keyframes cityMarquee{from{transform: translateX(0)}to{transform: translateX(-50%)}}.tf-stars{position: absolute;inset: 0;z-index: 1;pointer-events: none;transform: translate(var(--mx,0px),var(--my,0px));transition: transform 0.2s ease-out;background-repeat: no-repeat;background-image: radial-gradient(1.6px 1.6px at 14% 18%,#fff,transparent),radial-gradient(1.2px 1.2px at 33% 11%,#bfe9ff,transparent),radial-gradient(1.5px 1.5px at 52% 24%,#fff,transparent),radial-gradient(1px 1px at 70% 13%,#fff,transparent),radial-gradient(1.3px 1.3px at 86% 27%,#ffd9f6,transparent),radial-gradient(1px 1px at 24% 33%,#ccffee,transparent),radial-gradient(1.5px 1.5px at 63% 36%,#fff,transparent),radial-gradient(1px 1px at 7% 27%,#fff,transparent),radial-gradient(1.2px 1.2px at 44% 8%,#fff,transparent),radial-gradient(1px 1px at 92% 16%,#bfe9ff,transparent);animation: tfTwinkle 3.6s ease-in-out infinite}.tf-stars2{animation-delay: 1.8s;opacity: 0.6;background-image: radial-gradient(1.4px 1.4px at 19% 26%,#fff,transparent),radial-gradient(1px 1px at 40% 19%,#fff,transparent),radial-gradient(1.3px 1.3px at 58% 9%,#ffd9f6,transparent),radial-gradient(1px 1px at 77% 22%,#cfe,transparent),radial-gradient(1.5px 1.5px at 90% 34%,#fff,transparent),radial-gradient(1px 1px at 12% 12%,#bfe9ff,transparent),radial-gradient(1.2px 1.2px at 49% 31%,#fff,transparent),radial-gradient(1px 1px at 68% 29%,#fff,transparent)}@keyframes tfTwinkle{0%,100%{opacity: 0.25}50%{opacity: 0.9}}.tf-horizon-pulse{position: absolute;left: 0;right: 0;bottom: 0;height: 56%;z-index: 1;pointer-events: none;background: radial-gradient(52% 78% at 50% 100%,rgba(255,77,216,0.34),transparent 72%);animation: tfHorizon 6s ease-in-out infinite}@keyframes tfHorizon{0%,100%{opacity: 0.55}50%{opacity: 0.9}}.tf-fog{position: absolute;left: -10%;right: -10%;bottom: 6%;height: 200px;z-index: 2;pointer-events: none;transform: translate(var(--mx,0px),var(--my,0px));transition: transform 0.25s ease-out;background: radial-gradient(60% 100% at 50% 100%,rgba(190,90,255,0.28),transparent 72%);background-size: 150% 100%;background-position: 0% 100%;filter: blur(24px);animation: tfFog 16s linear infinite}@keyframes tfFog{to{background-position: 150% 100%}}.tf-streak{position: absolute;top: 12%;left: -12%;width: 130px;height: 2px;z-index: 2;pointer-events: none;background: linear-gradient(90deg,transparent,#fff 60%,#7be3ff);box-shadow: 0 0 5px #7be3ff;border-radius: 2px;transform: rotate(16deg);opacity: 0;animation: tfShoot 18s ease-in 4s infinite}.tf-streak2{top: 8%;left: -12%;animation-delay: 11s;animation-duration: 24s;width: 80px}@keyframes tfShoot{0%{transform: translate(0,0) rotate(16deg);opacity: 0}3%{opacity: 1}14%{transform: translate(78vw,30vh) rotate(16deg);opacity: 0}100%{transform: translate(78vw,30vh) rotate(16deg);opacity: 0}}.tf-aurora{position: absolute;top: -12%;left: -10%;right: -10%;height: 58%;z-index: 1;pointer-events: none;background: radial-gradient(40% 60% at 30% 40%,rgba(128,64,255,0.48),transparent 70%),radial-gradient(45% 55% at 70% 28%,rgba(54,224,255,0.38),transparent 70%),radial-gradient(35% 50% at 55% 58%,rgba(255,92,224,0.38),transparent 70%),radial-gradient(30% 45% at 12% 62%,rgba(77,125,255,0.30),transparent 70%);filter: blur(34px);mix-blend-mode: screen;opacity: 0.85;animation: tfAurora 24s ease-in-out infinite alternate}@keyframes tfAurora{0%{transform: translate(-4%,0)}100%{transform: translate(4%,-3%)}}.tf-sign{position: absolute;z-index: 2;pointer-events: none;border-radius: 3px}.tf-sign-a{left: 11%;top: 44%;width: 24px;height: 52px;background: rgba(54,224,255,0.5);box-shadow: 0 0 12px #36e0ff,0 0 28px #36e0ff,0 0 52px rgba(54,224,255,0.6);animation: tfSign 7s steps(1) infinite}.tf-sign-b{right: 12%;top: 40%;width: 20px;height: 42px;background: rgba(255,92,224,0.5);box-shadow: 0 0 12px #ff5ce0,0 0 28px #ff5ce0,0 0 52px rgba(255,92,224,0.6);animation: tfSign 9s steps(1) infinite 1s}.tf-sign-c{left: 30%;top: 52%;width: 16px;height: 38px;background: rgba(255,120,80,0.5);box-shadow: 0 0 12px #ff6a3d,0 0 26px #ff6a3d;animation: tfSign 8s steps(1) infinite 2s}.tf-sign-d{right: 28%;top: 48%;width: 14px;height: 34px;background: rgba(180,77,255,0.5);box-shadow: 0 0 12px #b44dff,0 0 26px #b44dff;animation: tfSign 6.5s steps(1) infinite 0.5s}@keyframes tfSign{0%,100%{opacity: 0.7}50%{opacity: 0.95}53%{opacity: 0.55}56%{opacity: 0.85}}.tf-winwrap{position: absolute;inset: 0;z-index: 1;pointer-events: none;opacity: 0.5}.tf-winwrap span{position: absolute;mix-blend-mode: screen;background-image: radial-gradient(circle at 50% 50%,rgba(255,205,130,0.9) 0 1.1px,transparent 1.7px);background-size: 9px 11px;animation: tfWin 4s steps(1) infinite}.tf-wc1{left: 3%;top: 50%;width: 40px;height: 120px;animation-duration: 4.2s}.tf-wc2{left: 45%;top: 45%;width: 48px;height: 150px;animation-duration: 5.1s;animation-delay: 0.6s}.tf-wc3{right: 7%;top: 47%;width: 44px;height: 132px;animation-duration: 4.6s;animation-delay: 1.1s}.tf-wc4{left: 23%;top: 56%;width: 34px;height: 92px;animation-duration: 3.8s;animation-delay: 0.3s}.tf-wc5{right: 23%;top: 58%;width: 30px;height: 84px;animation-duration: 5.5s;animation-delay: 0.9s;background-image: radial-gradient(circle at 50% 50%,rgba(123,227,255,0.9) 0 1.1px,transparent 1.7px)}@keyframes tfWin{0%,100%{opacity: 0.36}50%{opacity: 0.44}}.tf-grid-floor{position: absolute;left: -25%;right: -25%;bottom: 0;height: 34%;z-index: 1;opacity: 0.45;pointer-events: none;background-image: linear-gradient(rgba(54,224,255,0.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,92,224,0.30) 1px,transparent 1px);background-size: 64px 64px;transform: perspective(320px) rotateX(70deg);transform-origin: bottom center;-webkit-mask-image: linear-gradient(to top,#000 5%,transparent 80%);mask-image: linear-gradient(to top,#000 5%,transparent 80%);animation: tfGrid 3.5s linear infinite}@keyframes tfGrid{from{background-position: 0 0}to{background-position: 0 64px}}.tf-hero #heroCanvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 2;opacity: 0.22;pointer-events: none}.tf-vignette{position: absolute;inset: 0;z-index: 3;pointer-events: none;background: radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(5,3,15,0.42) 100%)}.tf-beams{position: absolute;inset: 0;z-index: 1;pointer-events: none;mix-blend-mode: screen;overflow: hidden}.tf-beams::before,.tf-beams::after{content: "";position: absolute;bottom: 28%;width: 130px;height: 75%;background: linear-gradient(to top,rgba(54,224,255,0.28),transparent 78%);clip-path: polygon(42% 100%,58% 100%,100% 0,0 0);filter: blur(6px);transform-origin: bottom center;animation: tfBeam 14s ease-in-out infinite alternate}.tf-beams::before{left: 16%}.tf-beams::after{right: 15%;left: auto;background: linear-gradient(to top,rgba(255,92,224,0.26),transparent 78%);animation-duration: 18s;animation-delay: -6s}@keyframes tfBeam{0%{transform: rotate(-16deg);opacity: 0.55}50%{opacity: 0.95}100%{transform: rotate(16deg);opacity: 0.65}}.tf-rail{position: absolute;top: 50%;transform: translateY(-50%);z-index: 6;display: flex;flex-direction: column}.tf-rail-fixed{position: fixed;z-index: 850}@media (min-width: 901px){body.has-leftrail{padding-left: 88px;padding-right: 36px}}.tf-rail-left{left: 22px;gap: 18px}.tf-rail-left a{display: flex;flex-direction: column;align-items: center;gap: 3px;color: #ffffff;font-family: 'Orbitron',sans-serif;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.06em;transition: all 0.3s var(--ease);text-shadow: 0 0 10px rgba(255,255,255,0.35),0 0 6px rgba(54,224,255,0.4)}.tf-rail-left .tf-ic{font-size: 1.7rem;filter: drop-shadow(0 0 8px rgba(54,224,255,0.6))}.tf-rail-left>a:first-child .tf-ic{font-size: 2rem;filter: drop-shadow(0 0 10px rgba(255,255,255,0.7)) drop-shadow(0 0 8px rgba(54,224,255,0.6)) brightness(1.15)}.tf-rail-left a:hover,.tf-rail-left a.active{color: #38e1ff;transform: translateX(3px)}.tf-rail-right{right: 22px;gap: 8px;transform: translateY(calc(-50% - 129px))}.tf-rail-right a{width: 40px;height: 40px;display: grid;place-items: center;color: #fff;transition: all 0.3s var(--ease);filter: drop-shadow(0 0 6px rgba(54,224,255,0.3))}.tf-rail-right a svg{width: 26px;height: 26px;display: block}.tf-rail-right a:hover{color: #38e1ff;transform: translateY(-3px) scale(1.12);filter: drop-shadow(0 0 10px rgba(54,224,255,0.85))}.tf-rail-item{display: flex;flex-direction: column;align-items: center;position: relative}.tf-rail-left a.has-sub{cursor: pointer}.tf-rail-sub{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);margin-left: 16px;min-width: 200px;background: rgba(16,20,34,0.97);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border: 1px solid var(--border);border-radius: 12px;box-shadow: 0 14px 36px rgba(0,0,0,0.55),0 0 18px rgba(54,224,255,0.15);padding: 8px;z-index: 870;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.25s var(--ease),transform 0.25s var(--ease)}.tf-rail-sub::before{content: "";position: absolute;left: -7px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 12px;height: 12px;background: rgba(16,20,34,0.97);border-left: 1px solid var(--border);border-bottom: 1px solid var(--border)}.tf-rail-item.open .tf-rail-sub{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(-50%) translateX(4px)}.tf-rail-sub a{display: block;text-align: left;flex-direction: row;padding: 9px 14px;border-radius: 8px;color: var(--muted);font-family: 'Space Grotesk',sans-serif;font-size: 0.9rem;font-weight: 500;letter-spacing: normal;text-transform: none;text-shadow: none;white-space: nowrap;transform: none}.tf-rail-sub a:hover{background: rgba(54,224,255,0.10);color: #fff;transform: none}.tf-rail-sub a.sub-head{color: #7fe9ff;font-family: 'Orbitron',sans-serif;font-size: 0.72rem;letter-spacing: 0.1em;text-transform: uppercase;border-bottom: 1px solid var(--border);border-radius: 0;margin-bottom: 4px;padding-bottom: 10px}.tf-center{position: relative;z-index: 5;text-align: center;padding: 0 24px;max-width: 1000px;will-change: transform,opacity}.tf-center::before{content: "";position: absolute;inset: -14% -16%;z-index: -1;pointer-events: none;background: radial-gradient(58% 62% at 50% 48%,rgba(7,3,21,0.66),rgba(7,3,21,0.20) 70%,transparent 82%);filter: blur(10px)}.tf-presents{font-family: 'Space Grotesk',sans-serif;color: #ff7ae8;font-weight: 600;letter-spacing: 0.28em;font-size: clamp(0.65rem,1.6vw,0.9rem);margin-bottom: 6px;text-shadow: 0 0 12px rgba(255,92,224,0.65)}.tf-wordmark{font-family: 'Sora','Syne',sans-serif;font-weight: 800;font-style: normal;font-size: clamp(2.8rem,11vw,7.6rem);line-height: 1.0;letter-spacing: -0.03em;background-image: linear-gradient(118deg,transparent 40%,rgba(255,255,255,0.55) 49%,rgba(255,255,255,0.12) 53%,transparent 64%),linear-gradient(135deg,#eafcff 0%,#7fe0ff 32%,#6aa8ff 60%,#a274ff 100%);background-size: 240% 100%,100% 100%;background-position: 200% 0,0 0;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 1px 1px rgba(8,20,60,0.5)) drop-shadow(0 0 22px rgba(120,150,255,0.5)) drop-shadow(0 0 48px rgba(126,224,255,0.28));margin: 2px 0;position: relative;animation: tfSheen 9s ease-in-out 2.5s infinite}@keyframes tfSheen{0%{background-position: 200% 0,0 0}55%,100%{background-position: -110% 0,0 0}}@keyframes tfFlicker{0%,100%{filter: drop-shadow(0 2px 0 #0a3a52) drop-shadow(0 0 20px rgba(54,224,255,0.85)) drop-shadow(0 0 44px rgba(255,92,224,0.45))}48%{filter: drop-shadow(0 2px 0 #0a3a52) drop-shadow(0 0 20px rgba(54,224,255,0.85)) drop-shadow(0 0 44px rgba(255,92,224,0.45))}50%{filter: drop-shadow(0 2px 0 #0a3a52) drop-shadow(0 0 10px rgba(54,224,255,0.5)) drop-shadow(0 0 22px rgba(255,92,224,0.25))}52%{filter: drop-shadow(0 2px 0 #0a3a52) drop-shadow(0 0 24px rgba(54,224,255,1)) drop-shadow(0 0 50px rgba(255,92,224,0.6))}}.tf-dates{font-family: 'Orbitron',sans-serif;font-weight: 700;color: #fff;letter-spacing: 0.18em;font-size: clamp(0.8rem,2vw,1.15rem);margin: 8px 0 4px;text-shadow: 0 0 12px rgba(54,224,255,0.55)}.tf-dates span{color: #ff7ae8}.tf-fest{font-family: 'Space Grotesk',sans-serif;font-style: italic;color: #cfe9ff;font-size: clamp(0.85rem,2vw,1.2rem);margin-bottom: 6px;text-shadow: 0 0 10px rgba(54,224,255,0.4)}.tf-theme{font-family: 'Orbitron',sans-serif;font-weight: 800;color: #fff;font-size: clamp(0.8rem,1.8vw,1.05rem);letter-spacing: 0.12em;margin-bottom: 30px;text-shadow: 0 0 14px rgba(255,92,224,0.8)}.tf-cta{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap}.tf-cta .btn-primary{background: linear-gradient(135deg,#36e0ff,#6c36e2);color: #04121a;box-shadow: 0 0 22px rgba(54,224,255,0.55),0 10px 30px -8px rgba(108,54,226,0.6);animation: tfBtnPulse 4.5s ease-in-out infinite}.tf-cta .btn-primary:hover{box-shadow: 0 0 34px rgba(54,224,255,0.9),0 14px 40px -8px rgba(108,54,226,0.8)}.tf-cta .btn-ghost{border-color: rgba(54,224,255,0.5);color: #eafcff}.tf-cta .btn-ghost:hover{border-color: #36e0ff;color: #36e0ff;background: rgba(54,224,255,0.08)}@keyframes tfBtnPulse{0%,100%{box-shadow: 0 0 16px rgba(54,224,255,0.4),0 10px 30px -8px rgba(108,54,226,0.5)}50%{box-shadow: 0 0 22px rgba(54,224,255,0.6),0 10px 32px -8px rgba(108,54,226,0.62)}}.ring-section{position: relative;z-index: 2;padding: 48px 0 48px;overflow: hidden}.ring-tag,.ring-title{text-align: center}.ring-title{margin-bottom: 10px}.ring-wrap{perspective: 1300px;margin: 56px auto 0;min-height: 340px;display: flex;align-items: center;justify-content: center}.ring{position: relative;width: 230px;height: 290px;margin: 0 auto;transform-style: preserve-3d;transition: transform 0.55s cubic-bezier(0.22,1,0.36,1)}.ring-card{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;padding: 26px 20px;text-align: center;border-radius: 18px;background: linear-gradient(160deg,rgba(108,54,226,0.30),rgba(18,12,38,0.92));border: 1px solid rgba(120,150,255,0.35);box-shadow: 0 0 30px rgba(108,54,226,0.25);color: #fff;backface-visibility: hidden;opacity: 0.5;transition: opacity 0.5s var(--ease),border-color 0.5s,box-shadow 0.5s}.ring-card .ring-ic{font-size: 3.1rem;filter: drop-shadow(0 0 14px rgba(54,224,255,0.7))}.ring-card h3{font-family: 'Syne',sans-serif;font-size: 1.2rem;line-height: 1.1}.ring-card p{color: #bcd0ff;font-size: 0.85rem}.ring-card.is-front{opacity: 1;border-color: #38e1ff;box-shadow: 0 0 42px rgba(54,224,255,0.55)}.ring-card:not(.is-front){pointer-events: none}.ring-nav{display: flex;gap: 16px;justify-content: center;margin-top: 44px}.ring-btn{width: 48px;height: 48px;border-radius: 50%;border: 1px solid var(--border);background: var(--surface);color: #fff;font-size: 1.2rem;cursor: pointer;transition: all 0.3s var(--ease)}.ring-btn:hover{border-color: var(--accent);color: var(--accent);box-shadow: 0 0 16px var(--accent-glow);transform: translateY(-2px)}@media (max-width: 560px){.ring{width: 190px;height: 250px}.ring-card .ring-ic{font-size: 2.6rem}}.tf-car{position: absolute;bottom: 9%;left: 0;width: clamp(160px,18vw,250px);z-index: 4;filter: drop-shadow(0 0 16px rgba(177,77,255,0.7));animation: carDrive 4s linear infinite}.tf-car svg{display: block;animation: tfBob 4s ease-in-out infinite}@keyframes tfBob{0%,100%{transform: translateY(0)}50%{transform: translateY(-5px)}}@keyframes carDrive{0%{transform: translateX(-42vw)}100%{transform: translateX(112vw)}}.tf-ufo{position: absolute;top: 26%;right: 12%;width: clamp(60px,7vw,92px);z-index: 4;filter: drop-shadow(0 0 12px rgba(54,224,255,0.7));animation: tfFloat 8s ease-in-out infinite}@keyframes tfFloat{0%,100%{transform: translate(0,0)}50%{transform: translate(-22px,-14px)}}@media (max-width: 900px){.tf-rail-left{display: none}.tf-rail-right{right: 12px;gap: 10px;transform: translateY(-50%)}.tf-rail-right a{width: 30px;height: 30px;font-size: 1.1rem}}@media (max-width: 640px){.tf-rail-right{display: none}.tf-car{left: 2%;bottom: 7%}.tf-wordmark::before,.tf-wordmark::after{display: none}}@media (prefers-reduced-motion: reduce){.tf-grid-floor,.tf-car,.tf-ufo,.tf-wordmark,.tf-beams::before,.tf-beams::after{animation: none}}.tf-stage{position: relative;z-index: 2;height: 320vh;background: #070315}.tf-stage-sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center}.tf-stage-bg{position: absolute;inset: 0;z-index: 0;background: radial-gradient(60% 50% at 50% 30%,rgba(108,54,226,0.22),transparent 60%),linear-gradient(180deg,#070315 0%,#120833 45%,#070315 100%)}.tf-stage-bg::after{content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(54,224,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,92,224,0.05) 1px,transparent 1px);background-size: 44px 44px;-webkit-mask-image: radial-gradient(circle at 50% 60%,#000,transparent 80%);mask-image: radial-gradient(circle at 50% 60%,#000,transparent 80%)}.tf-projector{position: absolute;left: 6%;bottom: 16%;width: clamp(110px,13vw,160px);z-index: 4;opacity: 0;transform: translateY(30px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease);filter: drop-shadow(0 0 14px rgba(54,224,255,0.6))}.tf-beam{position: absolute;left: 11%;bottom: 22%;z-index: 3;width: 64%;height: 60%;background: linear-gradient(100deg,rgba(123,227,255,0.30),rgba(123,227,255,0.04) 55%,transparent 75%);clip-path: polygon(0 42%,0 58%,100% 100%,100% 0);filter: blur(6px);opacity: 0;transform-origin: left center;transform: scaleX(0.2);transition: opacity 0.8s var(--ease),transform 0.9s var(--ease);pointer-events: none}.proj-on .tf-projector{opacity: 1;transform: translateY(0)}.proj-on .tf-beam{opacity: 1;transform: scaleX(1)}.tf-board{position: relative;z-index: 5;text-align: center;max-width: 640px;width: 86%;opacity: 0;transform: scale(0.8) translateY(20px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}.board-on .tf-board{opacity: 1;transform: scale(1) translateY(0)}.tf-board-h{font-family: 'Orbitron',sans-serif;font-weight: 800;color: #fff;font-size: clamp(1.6rem,4vw,2.8rem);margin-bottom: 22px;text-shadow: 0 0 16px rgba(54,224,255,0.7)}.tf-screen{position: relative;border-radius: 12px;padding: 54px 28px;background: linear-gradient(160deg,rgba(40,18,80,0.85),rgba(8,5,24,0.9));border: 2px solid rgba(54,224,255,0.5);box-shadow: 0 0 40px rgba(108,54,226,0.5),inset 0 0 60px rgba(54,224,255,0.08);-webkit-clip-path: polygon(0 0,100% 0,100% 90%,95% 100%,5% 100%,0 90%);clip-path: polygon(0 0,100% 0,100% 90%,95% 100%,5% 100%,0 90%)}.tf-screen-play{display: inline-grid;place-items: center;width: 58px;height: 58px;border-radius: 50%;background: rgba(54,224,255,0.15);border: 2px solid #36e0ff;color: #36e0ff;font-size: 1.2rem;padding-left: 4px;margin-bottom: 16px;box-shadow: 0 0 20px rgba(54,224,255,0.6);animation: tfPulse 2s ease-in-out infinite}@keyframes tfPulse{0%,100%{box-shadow: 0 0 18px rgba(54,224,255,0.5)}50%{box-shadow: 0 0 30px rgba(54,224,255,0.9)}}.tf-screen-cap{font-family: 'Orbitron',sans-serif;color: #7be3ff;letter-spacing: 0.14em;font-size: 1rem;margin-bottom: 6px}.tf-screen-sub{color: #cfe0ff;font-family: 'Space Grotesk',sans-serif;font-size: 0.92rem}.tf-figure{position: absolute;right: 6%;bottom: 4%;z-index: 4;width: clamp(150px,18vw,240px);mix-blend-mode: screen;filter: drop-shadow(0 0 22px rgba(108,54,226,0.7));opacity: 0;transform: translateX(70%);transition: opacity 1s var(--ease),transform 1s var(--ease)}.fig-on .tf-figure{opacity: 1;transform: translateX(0)}.tf-ca{position: absolute;left: 7%;bottom: 16%;z-index: 6;max-width: 440px;opacity: 0;transform: translateX(-50px);transition: opacity 0.9s var(--ease),transform 0.9s var(--ease)}.fig-on .tf-ca{opacity: 1;transform: translateX(0)}.tf-ca-kicker{font-family: 'Space Grotesk',sans-serif;color: #36e0ff;letter-spacing: 0.2em;font-size: 0.78rem;margin-bottom: 10px}.tf-ca-title{font-family: 'Orbitron',sans-serif;font-weight: 800;color: #c9a6ff;font-size: clamp(1.8rem,4vw,3rem);margin-bottom: 14px;text-shadow: 0 0 18px rgba(157,78,221,0.7)}.tf-ca-text{color: #d6dcff;font-size: 1.02rem;margin-bottom: 24px}.tf-ca-actions{margin-bottom: 22px}.tf-glitch-btn{display: inline-block;position: relative;font-family: 'Orbitron',sans-serif;font-weight: 700;font-size: 1rem;color: #111;background: linear-gradient(135deg,#eaeaea,#b9b9b9);border: 2px solid #d9d9d9;padding: 12px 30px;box-shadow: 0 0 14px rgba(192,192,192,0.6);clip-path: polygon(0 0,100% 0,100% 70%,92% 100%,0 100%);transition: transform 0.2s var(--ease);animation: tfGlitch 3.4s infinite}.tf-glitch-btn:hover{transform: translateY(-2px) scale(1.03)}.tf-glitch-btn::after{content: attr(data-text);position: absolute;left: 0;top: 0;padding: 12px 30px;color: #ff5ce0;clip-path: inset(0 0 55% 0);opacity: 0;mix-blend-mode: screen}@keyframes tfGlitch{0%,92%,100%{transform: translate(0,0)}93%{transform: translate(-2px,1px)}95%{transform: translate(2px,-1px)}97%{transform: translate(-1px,0)}}.tf-news{display: flex;gap: 0;max-width: 360px}.tf-news input{flex: 1;background: rgba(10,6,28,0.7);border: 1px solid rgba(54,224,255,0.4);border-right: none;color: #fff;padding: 12px 14px;font-family: 'Space Grotesk',sans-serif;font-size: 0.92rem;border-radius: 8px 0 0 8px}.tf-news input:focus{outline: none;border-color: #36e0ff}.tf-news button{background: linear-gradient(135deg,#36e0ff,#6c36e2);border: none;color: #04121a;padding: 0 18px;font-size: 1.2rem;cursor: pointer;border-radius: 0 8px 8px 0;transition: filter 0.3s}.tf-news button:hover{filter: brightness(1.15)}@media (max-width: 820px){.tf-stage{height: 280vh}.tf-ca{left: 50%;transform: translateX(-50%) translateY(20px);bottom: 8%;text-align: center;width: 86%}.fig-on .tf-ca{transform: translateX(-50%)}.tf-figure{opacity: 0.35 !important;right: -6%}.tf-news{margin: 0 auto}.tf-projector{left: 2%}}@media (prefers-reduced-motion: reduce){.tf-projector,.tf-beam,.tf-board,.tf-figure,.tf-ca{opacity: 1 !important;transform: none !important;transition: none !important}.tf-glitch-btn,.tf-screen-play{animation: none}}.tf-stage-sticky.fig-on .tf-board{opacity: 0;transform: translateX(-26%) scale(0.92);pointer-events: none}.gd-section{position: relative;z-index: 2;padding: 30px 0 60px}.gd-bar{max-width: 920px;margin: 0 auto 26px;text-align: center;font-family: 'Press Start 2P',monospace;font-weight: 400;letter-spacing: 0.04em;text-transform: uppercase;color: #fff;font-size: clamp(1rem,2.2vw,1.6rem);background: none;border: none;box-shadow: none;padding: 8px 26px;text-shadow: 0 0 14px rgba(255,255,255,0.55)}.gd-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 24px}.contact-copy{display: flex;flex-direction: column}.map-wrap{border-radius: 18px;overflow: hidden;border: 1px solid var(--border);background: var(--surface);box-shadow: 0 12px 32px rgba(0,0,0,0.40);flex: 1;min-height: 300px}.map-wrap iframe{display: block;width: 100%;height: 100%;min-height: 300px}.gd-card{position: relative;text-align: center;padding: 34px 26px 40px;background: radial-gradient(80% 55% at 50% 0%,var(--gd-edge,rgba(63,224,200,0.30)),transparent 70%),linear-gradient(180deg,#0c1626 0%,#070b14 60%,#05070e 100%);border: 1px solid var(--gd-edge,rgba(255,255,255,0.14));-webkit-clip-path: polygon(0 9%,9% 0,91% 0,100% 9%,100% 100%,0 100%);clip-path: polygon(0 9%,9% 0,91% 0,100% 9%,100% 100%,0 100%);transition: transform 0.35s var(--ease)}.gd-card:hover{transform: translateY(-6px)}.gd-card::after{content: "";position: absolute;left: 8%;right: 8%;bottom: 0;height: 4px;background: linear-gradient(90deg,transparent,var(--gd-accent) 18%,var(--gd-accent) 82%,transparent);box-shadow: 0 0 14px var(--gd-accent),0 0 26px var(--gd-accent)}.gd-card h3{font-family: 'Orbitron',sans-serif;font-weight: 700;color: #fff;font-size: 0.95rem;letter-spacing: 0.06em;line-height: 1.35;text-transform: uppercase;margin-bottom: 20px;display: inline-block;border-bottom: 3px solid #fff;padding-bottom: 10px;text-shadow: 0 0 12px var(--gd-accent)}.gd-card p{font-family: 'Inter',system-ui,sans-serif;font-weight: 500;color: #fff;font-size: 0.98rem;line-height: 1.65;letter-spacing: 0.01em}.gd-card .gd-note{font-family: 'Inter',system-ui,sans-serif;font-weight: 500;color: #fff;font-size: 0.82rem;line-height: 1.55;margin-top: 16px;font-style: normal;opacity: 0.85}.gd-card--teal{--gd-accent: #3fe0c8;--gd-edge: rgba(63,224,200,0.40)}.gd-card--blue{--gd-accent: #36a8ff;--gd-edge: rgba(54,168,255,0.40)}.gd-card--purple{--gd-accent: #9d4edd;--gd-edge: rgba(157,78,221,0.45)}@media (max-width: 760px){.gd-grid{grid-template-columns: 1fr}}h1,h2,h3,h4,h5,h6,.stats-banner{font-family: 'Orbitron',sans-serif !important}.tf-wordmark{font-family: 'Sora','Syne',sans-serif !important}