:root{--color-bg-900:#0a0b0f;--color-bg-800:#0f1117;--color-bg-700:#161820;--color-accent:#00e5ff;--color-accent-dim:#00e5ff26;--color-accent-glow:#00e5ff66;--color-text-primary:#f0f4f8;--color-text-secondary:#8892a4;--font-heading:"Rajdhani", "Segoe UI", sans-serif;--font-body:"DM Sans", "Segoe UI", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-xxl:64px;--space-2xl:64px;--space-3xl:96px;--radius-card:12px;--radius-sm:6px;--border-subtle:1px solid #ffffff0f;--transition-base:.25s ease;--transition-slow:.4s ease;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 20px var(--color-accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:600;line-height:1.2}a{color:var(--color-accent);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-text-primary)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}ul,ol{list-style:none}#root{width:100%;height:100svh;overflow:hidden}.app-bg{z-index:0;pointer-events:none;background-color:var(--color-bg-900);position:fixed;inset:0}.app-bg__gradient{background:radial-gradient(80% 60% at 50% 40%,#00e5ff14 0%,#0000 70%),radial-gradient(50% 40% at 20% 80%,#00e5ff0d 0%,#0000 60%);animation:6s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}@keyframes bgPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.app-bg__particles{position:absolute;inset:0}.app-bg__dot{background:var(--color-accent);opacity:0;animation:floatDot var(--dur,8s) var(--delay,0s) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes floatDot{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.35}80%{opacity:.35}to{opacity:0;transform:translateY(-120px)scale(.6)}}.section-stage{z-index:1;scrollbar-width:none;padding-top:64px;transition:opacity .55s;position:fixed;inset:0;overflow-y:auto}.section-stage::-webkit-scrollbar{display:none}.section-stage--visible{opacity:1;pointer-events:auto}.section-stage--fading-out{opacity:0;pointer-events:none}.section-stage--fading-in{opacity:0;pointer-events:none;animation:.55s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;height:calc(100svh - 64px)!important;min-height:calc(100svh - 64px)!important}.technologies,.why-us,.projects,.contact,.footer{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.hero:after,.technologies:after,.why-us:after,.projects:after,.contact:after{display:none!important}.tech-subsection{background:0 0!important}.tech-subsection--shaded{background:#ffffff06!important}.tech-subsection:not(.tech-subsection--shaded)+.tech-subsection--shaded:before,.tech-subsection--shaded+.tech-subsection:not(.tech-subsection--shaded):before{display:none!important}.floating-logo{z-index:101;object-fit:contain;filter:drop-shadow(0 0 18px var(--color-accent-glow));pointer-events:none;transition:top .6s cubic-bezier(.22,1,.36,1),right .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);position:fixed}.floating-logo--hero{width:200px;height:200px;top:20svh;right:50%;transform:translate(50%)}.floating-logo--nav{width:auto;height:44px;top:72px;right:24px;transform:translate(0)}@media (width<=480px){.floating-logo--hero{width:160px;height:160px;top:8svh}}.scroll-next{z-index:10;width:48px;height:48px;color:var(--color-accent);cursor:pointer;transition:opacity .3s ease, background var(--transition-base), border-color var(--transition-base);background:#00e5ff14;border:1.5px solid #00e5ff66;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite chevronBounce;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.scroll-next svg{width:22px;height:22px}.scroll-next:hover{border-color:var(--color-accent);box-shadow:0 0 16px var(--color-accent-glow);background:#00e5ff2e}.scroll-next--hidden{opacity:0;pointer-events:none}@keyframes chevronBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.section-dots{z-index:10;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.section-dot{cursor:pointer;width:8px;height:8px;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);background:0 0;border:1.5px solid #00e5ff66;border-radius:50%;padding:0}.section-dot.is-active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);transform:scale(1.4)}.section-dot:hover:not(.is-active){border-color:var(--color-accent);background:#00e5ff33}@media (width<=767px){.section-dots{display:none}}.navbar{z-index:100;transition:background var(--transition-base), backdrop-filter var(--transition-base), box-shadow var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);background:#0a0b0fbf;box-shadow:0 1px #00e5ff1a}.navbar__inner{max-width:1280px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-sm);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.navbar__logo{width:auto;height:36px}.navbar__name{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.03em;font-size:1.25rem;font-weight:700}.navbar__links{gap:var(--space-xl);align-items:center;display:flex}.navbar__link{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs) 0;transition:color var(--transition-base);background:0 0;border:none;font-size:.95rem;font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.navbar__link:hover{color:var(--color-accent)}.navbar__link:hover:after{width:100%}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.navbar__hamburger span{background:var(--color-text-primary);height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{-webkit-backdrop-filter:blur(12px);padding:var(--space-md) 0;background:#0a0b0ff2;border-top:1px solid #00e5ff1a;flex-direction:column;display:flex}.navbar__mobile-link{text-align:left;width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base), background var(--transition-base);background:0 0;border:none;font-size:1rem;font-weight:500}.navbar__mobile-link:hover{color:var(--color-accent);background:var(--color-accent-dim)}@media (width<=767px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.navbar__actions{align-items:center;gap:var(--space-md);display:flex}.navbar__mobile-lang{padding:var(--space-sm) var(--space-lg)}@media (width>=768px){.navbar__mobile-lang{display:none}}.lang-switcher{position:relative}.lang-switcher__btn{color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #00e5ff40;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.85rem;font-weight:500;display:flex}.lang-switcher__btn:hover{color:var(--color-accent);border-color:#00e5ff80}.lang-switcher__globe{flex-shrink:0;width:14px;height:14px}.lang-switcher__label{letter-spacing:.05em}.lang-switcher__chevron{width:12px;height:12px;transition:transform var(--transition-base);flex-shrink:0}.lang-switcher__chevron.is-open{transform:rotate(180deg)}.lang-switcher__dropdown{-webkit-backdrop-filter:blur(12px);z-index:200;background:#0f1118f5;border:1px solid #00e5ff26;border-radius:8px;min-width:130px;margin:0;padding:4px;list-style:none;animation:.15s lang-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}@keyframes lang-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-switcher__option{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;border-radius:5px;padding:8px 12px;font-size:.875rem;display:block}.lang-switcher__option:hover{color:var(--color-text-primary);background:#00e5ff14}.lang-switcher__option.is-active{color:var(--color-accent);font-weight:600}.hero{justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;text-align:center;padding:var(--space-xl) var(--space-md);max-width:760px;animation:.9s cubic-bezier(.22,1,.36,1) both heroEntrance;position:relative}@keyframes heroEntrance{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.hero__logo{object-fit:contain;width:100px;height:100px;margin:0 auto var(--space-lg);filter:drop-shadow(0 0 18px var(--color-accent-glow))}.hero__title{font-family:var(--font-heading);letter-spacing:.04em;color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700}.hero__title span{color:var(--color-accent)}.hero__tagline{color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-xl);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.hero__ctas{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__btn{border-radius:var(--radius-sm);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);padding:14px 32px;font-size:1rem;font-weight:600}.hero__btn--primary{background:var(--color-accent);color:#0a0b0f;box-shadow:0 0 20px var(--color-accent-glow)}.hero__btn--primary:hover{box-shadow:0 0 32px var(--color-accent-glow);background:#33ecff;transform:translateY(-2px)}.hero__btn--secondary{color:var(--color-accent);border:1.5px solid var(--color-accent);background:0 0}.hero__btn--secondary:hover{background:var(--color-accent-dim);box-shadow:0 0 16px var(--color-accent-glow);transform:translateY(-2px)}@media (width<=480px){.hero__logo{width:72px;height:72px}.hero__ctas{flex-direction:column;align-items:center}.hero__btn{width:100%;max-width:280px}}.tech-domain{min-height:calc(100svh - 64px);padding:var(--space-xxl) calc(48% + var(--space-lg)) var(--space-xxl) var(--space-xxl);box-sizing:border-box;align-items:center;display:flex}.tech-domain--flipped{padding:var(--space-xxl) var(--space-xxl) var(--space-xxl) calc(48% + var(--space-lg))}.tech-domain__inner{gap:var(--space-l);grid-template-columns:1fr;align-items:start;width:100%;max-width:720px;margin:0;display:grid}.tech-domain__label{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--domain-accent,var(--color-accent));margin-bottom:var(--space-sm);opacity:.8;font-size:.8rem;font-weight:600}.tech-domain__title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.03em;margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.tech-domain__title:after{content:"";background:var(--domain-accent,var(--color-accent));width:48px;height:3px;margin-top:var(--space-sm);border-radius:2px;display:block}.tech-domain__tagline{font-family:var(--font-heading);color:var(--domain-accent,var(--color-accent));margin-bottom:var(--space-lg);opacity:.9;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.4}.tech-domain__body{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.95rem;line-height:1.75}@property --neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes neon-sweep{to{--neon-angle:360deg}}.tech-domain__cards{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.td-card{border-radius:var(--radius-card);padding:var(--space-lg);gap:var(--space-sm);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#161820b3;border:1px solid #ffffff0f;flex-direction:column;display:flex;position:relative}.td-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--neon-angle), transparent 0deg, color-mix(in srgb, var(--domain-accent,var(--color-accent)) 90%, white) 50deg, var(--domain-accent,var(--color-accent)) 70deg, color-mix(in srgb, var(--domain-accent,var(--color-accent)) 90%, white) 90deg, transparent 130deg);-webkit-mask-composite:xor;pointer-events:none;filter:blur(.5px);padding:1.5px;animation:3s linear infinite neon-sweep;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.td-card:hover{box-shadow:0 0 18px color-mix(in srgb, var(--domain-accent,var(--color-accent)) 45%, transparent), 0 8px 24px #0006;border-color:#0000;transform:translateY(-4px)}.td-card__icon-wrap{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.td-card__icon{object-fit:contain;width:26px;height:26px}.td-card__name{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;font-size:1rem;font-weight:700}.td-card__desc{color:var(--color-text-secondary);font-size:.84rem;line-height:1.6}@media (width<=1023px){.tech-domain,.tech-domain--flipped{padding:var(--space-xl) var(--space-lg);padding-top:calc(260px + var(--space-xl));align-items:flex-start}.tech-domain__inner{gap:var(--space-xl);grid-template-columns:1fr;max-width:100%;margin:0 auto}}@media (width<=767px){.tech-domain,.tech-domain--flipped{padding:var(--space-xl) var(--space-md);padding-top:calc(160px + var(--space-sm))}.tech-domain__cards{display:none}}.why-us{padding:var(--space-xxl) var(--space-lg)}.why-us__inner{opacity:0;z-index:2;max-width:1200px;margin:0 auto;transition:opacity .55s,transform .55s;position:relative;transform:translateY(28px)}.why-us__inner.is-visible{opacity:1;transform:translateY(0)}.why-us__heading-wrap{text-align:center;max-width:640px;margin:0 auto var(--space-xxl)}.why-us__heading{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.04em;margin-bottom:var(--space-sm);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.why-us__heading:after{content:"";background:var(--color-accent);width:56px;height:3px;margin:var(--space-sm) auto 0;border-radius:2px;display:block}.why-us__subheading{color:var(--color-text-secondary);margin-top:var(--space-md);font-size:1.05rem;line-height:1.7}.why-us__grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.why-us-card{background:var(--color-bg-700);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-sm);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #00e5ff14;flex-direction:column;display:flex}.why-us-card:hover{border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow), 0 10px 28px #00000073;transform:translateY(-6px)}.why-us-card__icon-wrap{background:var(--color-accent-dim);width:52px;height:52px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.why-us-card__icon-wrap svg{width:26px;height:26px}.why-us-card__title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;font-size:1.2rem;font-weight:700}.why-us-card__desc{color:var(--color-text-secondary);font-size:.92rem;line-height:1.65}@media (width<=767px){.why-us{padding:var(--space-xl) var(--space-md)}.why-us__grid{grid-template-columns:1fr}}.projects{padding:var(--space-xxl) var(--space-lg)}.projects__inner{opacity:0;z-index:2;max-width:1200px;margin:0 auto;transition:opacity .55s,transform .55s;position:relative;transform:translateY(28px)}.projects__inner.is-visible{opacity:1;transform:translateY(0)}.projects__heading-wrap{text-align:center;max-width:640px;margin:0 auto var(--space-xl)}.projects__heading{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.04em;margin-bottom:var(--space-sm);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.projects__heading:after{content:"";background:var(--color-accent);width:56px;height:3px;margin:var(--space-sm) auto 0;border-radius:2px;display:block}.projects__subheading{color:var(--color-text-secondary);margin-top:var(--space-md);font-size:1.05rem;line-height:1.7}.projects__filters{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.projects__filter-btn{color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #00e5ff40;border-radius:999px;padding:.45rem 1.2rem;font-size:.9rem}.projects__filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.projects__filter-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#0a0b0f;font-weight:600}.projects__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--color-bg-700);border-radius:var(--radius-card);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #00e5ff14;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow), 0 10px 28px #00000073;transform:translateY(-6px)}.project-card__image{flex-shrink:0;height:180px;position:relative}.project-card__img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-card__category-badge{top:var(--space-sm);left:var(--space-sm);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00e5ff26;border:1px solid #00e5ff59;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute}.project-card__body{padding:var(--space-md) var(--space-md) var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.project-card__title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.project-card__desc{color:var(--color-text-secondary);flex:1;font-size:.88rem;line-height:1.65}.project-card__tags{padding-top:var(--space-sm);flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.project-card__tag{color:var(--color-text-secondary);background:#00e5ff12;border:1px solid #00e5ff26;border-radius:4px;padding:.2rem .6rem;font-size:.75rem}.project-card__overlay{opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0b0fd1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__view-btn{border:2px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-heading);letter-spacing:.06em;cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border-radius:999px;padding:.65rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.project-card__view-btn:hover{background:var(--color-accent);color:#0a0b0f}@media (width<=1023px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.projects{padding:var(--space-xl) var(--space-md)}.projects__grid{grid-template-columns:1fr}}.contact{padding:var(--space-xxl) var(--space-lg)}.contact__inner{opacity:0;max-width:1200px;margin:0 auto;transition:opacity .55s,transform .55s;transform:translateY(28px)}.contact__inner.is-visible{opacity:1;transform:translateY(0)}.contact__heading-wrap{text-align:center;max-width:640px;margin:0 auto var(--space-xxl)}.contact__heading{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.04em;margin-bottom:var(--space-sm);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.contact__heading:after{content:"";background:var(--color-accent);width:56px;height:3px;margin:var(--space-sm) auto 0;border-radius:2px;display:block}.contact__subheading{color:var(--color-text-secondary);margin-top:var(--space-md);font-size:1.05rem;line-height:1.7}.contact__body{gap:var(--space-xxl);grid-template-columns:1fr 380px;align-items:start;display:grid}.contact__form{gap:var(--space-md);flex-direction:column;display:flex}.contact__field{flex-direction:column;gap:.4rem;display:flex}.contact__label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.88rem;font-weight:600}.contact__input,.contact__textarea{background:var(--color-bg-700);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-base), box-shadow var(--transition-base);box-sizing:border-box;border:1px solid #00e5ff1f;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.contact__input:focus,.contact__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.contact__input.is-error,.contact__textarea.is-error{border-color:#ff4d6d;box-shadow:0 0 0 3px #ff4d6d26}.contact__textarea{resize:vertical;min-height:130px}.contact__error{color:#ff4d6d;margin-top:.15rem;font-size:.82rem}.contact__error--server{margin-top:var(--space-sm);text-align:center}.contact__submit{border:2px solid var(--color-accent);background:var(--color-accent);color:#0a0b0f;font-family:var(--font-heading);letter-spacing:.06em;cursor:pointer;transition:background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);margin-top:var(--space-sm);border-radius:999px;align-self:flex-start;padding:.75rem 2.2rem;font-size:1rem;font-weight:700}.contact__submit:hover:not(:disabled){color:var(--color-accent);box-shadow:0 0 18px var(--color-accent-glow);background:0 0}.contact__submit:disabled{opacity:.55;cursor:not-allowed}.contact__success{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-xxl) var(--space-xl);background:var(--color-bg-700);border-radius:var(--radius-card);border:1px solid #00e5ff33;flex-direction:column;display:flex}.contact__success-icon{background:var(--color-accent-dim);width:64px;height:64px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact__success-icon svg{width:32px;height:32px}.contact__success-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1.6rem;font-weight:700}.contact__success-text{color:var(--color-text-secondary);max-width:360px;font-size:.95rem;line-height:1.65}.contact__success-reset{color:var(--color-accent);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base);background:0 0;border:1px solid #00e5ff4d;border-radius:999px;padding:.6rem 1.6rem;font-size:.9rem}.contact__success-reset:hover{border-color:var(--color-accent);background:var(--color-accent-dim)}.contact__info-col{background:var(--color-bg-700);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-lg);border:1px solid #00e5ff14;flex-direction:column;display:flex}.contact__info-title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;font-size:1.3rem;font-weight:700}.contact__info-text{color:var(--color-text-secondary);margin-top:calc(-1 * var(--space-sm));font-size:.92rem;line-height:1.65}.contact__info-item{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);transition:color var(--transition-base);font-size:.95rem;text-decoration:none;display:flex}.contact__info-item:hover{color:var(--color-accent)}.contact__info-icon{background:var(--color-accent-dim);width:40px;height:40px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__info-icon svg{width:20px;height:20px}.contact__socials{gap:var(--space-sm);flex-direction:column;display:flex}.contact__socials-label{color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:600}.contact__socials-row{gap:var(--space-sm);display:flex}.contact__social-link{background:var(--color-bg-900);width:44px;height:44px;color:var(--color-text-secondary);transition:color var(--transition-base), border-color var(--transition-base), background var(--transition-base);border:1px solid #00e5ff1f;border-radius:10px;justify-content:center;align-items:center;display:flex}.contact__social-link svg{width:20px;height:20px}.contact__social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-dim)}.contact__social-link--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media (width<=1023px){.contact__body{grid-template-columns:1fr}}@media (width<=767px){.contact{padding:var(--space-xl) var(--space-md)}.contact__submit{text-align:center;width:100%}}.footer{border-top:1px solid #00e5ff1f}.footer__inner{max-width:1280px;padding:var(--space-2xl) var(--space-lg);gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr;margin:0 auto;display:grid}.footer__logo-btn{align-items:center;gap:var(--space-sm);cursor:pointer;margin-bottom:var(--space-md);background:0 0;border:none;padding:0;display:flex}.footer__logo{width:auto;height:32px}.footer__name{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.03em;font-size:1.2rem;font-weight:700}.footer__tagline{color:var(--color-text-secondary);max-width:280px;font-size:.9rem;line-height:1.6}.footer__col-heading{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-md);font-size:.85rem;font-weight:600}.footer__nav ul{gap:var(--space-sm);flex-direction:column;display:flex}.footer__nav-link{cursor:pointer;font-family:var(--font-body);color:var(--color-text-secondary);text-align:left;transition:color var(--transition-base);background:0 0;border:none;padding:0;font-size:.9rem}.footer__nav-link:hover{color:var(--color-accent)}.footer__social-icons{gap:var(--space-md);display:flex}.footer__social-link{background:var(--color-bg-700);width:40px;height:40px;color:var(--color-text-secondary);transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer__social-link:hover{color:var(--color-accent);background:var(--color-accent-dim);border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.footer__social-link--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.footer__bottom{padding:var(--space-md) var(--space-lg);text-align:center;border-top:1px solid #ffffff0f}.footer__copyright{color:var(--color-text-secondary);font-size:.85rem}@media (width<=767px){.footer__inner{gap:var(--space-xl);padding:var(--space-xl) var(--space-lg);grid-template-columns:1fr}.footer__tagline{max-width:100%}}@media (width>=768px) and (width<=1023px){.footer__inner{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}.pi-stage--web{--pi-accent:#00e5ff;--pi-accent-glow:#00e5ff59;--pi-bg:#0a1520}.pi-stage--mobile{--pi-accent:#a78bfa;--pi-accent-glow:#a78bfa59;--pi-bg:#100d20}.pi-stage--blockchain{--pi-accent:#3b82f6;--pi-accent-glow:#3b82f659;--pi-bg:#080e1a}.pi-stage--ai{--pi-accent:#ea4b71;--pi-accent-glow:#ea4b7159;--pi-bg:#160810}.pi-stage--windows{--pi-accent:#38bdf8;--pi-accent-glow:#38bdf859;--pi-bg:#080f18}.pi-wrap{z-index:2;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:48%;transition:left .65s cubic-bezier(.65,0,.35,1),transform .65s cubic-bezier(.65,0,.35,1),opacity .55s;display:flex;position:fixed;top:64px;bottom:0;left:52%;transform:translate(110%)}.pi-wrap--no-transition{transition:none!important}.pi-wrap--right{opacity:1;left:52%;transform:translate(0)}.pi-wrap--left{opacity:1;left:0%;transform:translate(0)}.pi-wrap--off-right{opacity:0;left:52%;transform:translate(110%)}.pi-wrap--off-left{opacity:0;left:0%;transform:translate(-110%)}.pi-stage{aspect-ratio:1;justify-content:center;align-items:center;width:min(400px,90%);display:flex;position:relative}.pi-stage:before{content:"";background:radial-gradient(ellipse at center, var(--pi-accent-glow,#00e5ff33) 0%, transparent 70%);pointer-events:none;filter:blur(24px);border-radius:50%;transition:background .8s;position:absolute;inset:-20%}.pi-screen{background:var(--pi-bg,#0a0b0f);border:1.5px solid color-mix(in srgb, var(--pi-accent,#00e5ff) 40%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pi-accent,#00e5ff) 15%, transparent), 0 0 40px color-mix(in srgb, var(--pi-accent,#00e5ff) 20%, transparent), inset 0 0 30px #0009;transition:width .65s cubic-bezier(.65,0,.35,1),height .65s cubic-bezier(.65,0,.35,1),border-radius .65s cubic-bezier(.65,0,.35,1),transform .65s cubic-bezier(.65,0,.35,1),border-color .65s,box-shadow .65s,background .65s;position:relative;overflow:hidden}.pi-stage--web .pi-screen{border-radius:10px 10px 6px 6px;width:100%;height:64%;transform:translateY(8%)}.pi-stage--mobile .pi-screen{border-radius:28px;width:44%;height:88%;transform:translateY(0)}.pi-stage--blockchain .pi-screen{border-radius:12px;width:96%;height:72%;transform:translateY(0)}.pi-stage--ai .pi-screen{border-radius:8px;width:88%;height:82%;transform:translateY(0)}.pi-stage--windows .pi-screen{border-radius:6px 6px 0 0;width:100%;height:70%;transform:translateY(4%)}.pi-content{opacity:0;pointer-events:none;flex-direction:column;gap:8px;padding:12px;transition:opacity .4s .25s;display:flex;position:absolute;inset:0}.pi-content.is-active{opacity:1}.pi-web__hero{background:linear-gradient(135deg, color-mix(in srgb, var(--pi-accent) 12%, transparent), color-mix(in srgb, var(--pi-accent) 4%, transparent));border-radius:4px;height:36%;animation:2.5s ease-in-out infinite alternate shimmer}.pi-web__rows{flex-direction:column;gap:5px;margin-top:4px;display:flex}.pi-web__row{background:color-mix(in srgb, var(--pi-accent) 18%, #ffffff14);border-radius:3px;height:6px;animation:2s ease-in-out infinite alternate shimmer}.pi-web__row--wide{width:85%}.pi-web__row--mid{width:65%;animation-delay:.3s}.pi-web__row--short{width:45%;animation-delay:.6s}.pi-web__cards{flex:1;gap:6px;margin-top:4px;display:flex}.pi-web__card{background:color-mix(in srgb, var(--pi-accent) 8%, #ffffff0a);border:1px solid color-mix(in srgb, var(--pi-accent) 20%, transparent);border-radius:4px;flex:1;animation:2.2s ease-in-out infinite alternate shimmer}.pi-web__card:nth-child(2){animation-delay:.4s}.pi-web__card:nth-child(3){animation-delay:.8s}.pi-mob__statusbar{background:color-mix(in srgb, var(--pi-accent) 15%, transparent);border-radius:2px;height:8px;margin-bottom:4px}.pi-mob__banner{background:linear-gradient(135deg, color-mix(in srgb, var(--pi-accent) 15%, transparent), color-mix(in srgb, var(--pi-accent) 5%, transparent));border-radius:8px;height:28%;animation:2.5s ease-in-out infinite alternate shimmer}.pi-mob__tiles{grid-template-columns:1fr 1fr;gap:5px;display:grid}.pi-mob__tile{aspect-ratio:1;background:color-mix(in srgb, var(--pi-accent) 10%, #ffffff0a);border:1px solid color-mix(in srgb, var(--pi-accent) 20%, transparent);border-radius:8px;animation:2s ease-in-out infinite alternate shimmer}.pi-mob__tile:nth-child(2){animation-delay:.3s}.pi-mob__tile:nth-child(3){animation-delay:.6s}.pi-mob__tile:nth-child(4){animation-delay:.9s}.pi-mob__list{flex-direction:column;flex:1;gap:5px;margin-top:4px;display:flex}.pi-mob__listrow{background:color-mix(in srgb, var(--pi-accent) 18%, #ffffff0f);border-radius:3px;height:6px;animation:2s ease-in-out infinite alternate shimmer}.pi-mob__listrow--short{width:60%;animation-delay:.4s}.pi-mob__navbar{background:color-mix(in srgb, var(--pi-accent) 12%, #ffffff0f);border-radius:6px;height:12px;margin-top:auto}.pi-content--blockchain{justify-content:center;align-items:center;padding:16px}.pi-chain{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:100%;display:flex}.pi-chain__item{flex:1;align-items:center;min-width:0;display:flex}.pi-chain__block{border:1.5px solid color-mix(in srgb, var(--pi-accent) 50%, transparent);background:color-mix(in srgb, var(--pi-accent) 8%, #0006);min-width:0;animation:2s ease-in-out infinite blockPulse;animation-delay:calc(var(--i,0) * .35s);box-shadow:0 0 12px color-mix(in srgb, var(--pi-accent) 20%, transparent);border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 6px;display:flex}.pi-chain__hash{color:var(--pi-accent);opacity:.9;font-family:monospace;font-size:.65rem}.pi-chain__lines{flex-direction:column;gap:3px;width:100%;display:flex}.pi-chain__line{background:color-mix(in srgb, var(--pi-accent) 30%, #ffffff1a);border-radius:2px;width:100%;height:3px}.pi-chain__line--short{width:65%}.pi-chain__link{background:color-mix(in srgb, var(--pi-accent) 60%, transparent);flex-shrink:0;width:16px;height:2px;position:relative}.pi-chain__link:after{content:"";background:var(--pi-accent);width:6px;height:6px;box-shadow:0 0 6px var(--pi-accent);border-radius:50%;animation:1.5s ease-in-out infinite linkPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pi-content--ai{padding:8px}.pi-neural{width:100%;height:100%}.pi-neural__edge{animation:2s ease-in-out infinite edgeFade;animation-delay:calc(var(--ei,0) * 80ms)}.pi-neural__node{animation:2.5s ease-in-out infinite nodePulse;animation-delay:calc(var(--ni,0) * .15s)}.pi-neural__node-core{animation:2s ease-in-out infinite coreFlash;animation-delay:calc(var(--ni,0) * .2s + var(--layer,0) * .4s)}.pi-win__taskbar{background:color-mix(in srgb, var(--pi-accent) 6%, #0a0f19f2);border-top:1px solid color-mix(in srgb, var(--pi-accent) 20%, transparent);z-index:2;height:28px;position:absolute;bottom:0;left:0;right:0}.pi-win__desktop{align-items:flex-start;gap:10px;padding:12px;display:flex;position:absolute;inset:0 0 28px}.pi-win__window{background:color-mix(in srgb, var(--pi-accent) 4%, #080c16f2);border:1px solid color-mix(in srgb, var(--pi-accent) 25%, transparent);border-radius:6px;flex-direction:column;animation:4s ease-in-out infinite windowFloat;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000080}.pi-win__window--main{flex:2;height:75%}.pi-win__window--mini{flex:1;height:55%;animation-delay:1s}.pi-win__titlebar{background:color-mix(in srgb, var(--pi-accent) 10%, #0006);border-bottom:1px solid color-mix(in srgb, var(--pi-accent) 15%, transparent);flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;display:flex}.pi-win__dots{gap:4px;display:flex}.pi-win__dots span{background:color-mix(in srgb, var(--pi-accent) 50%, #ffffff4d);opacity:.7;border-radius:50%;width:7px;height:7px}.pi-win__dots span:first-child{opacity:.8;background:#ff5f57}.pi-win__dots span:nth-child(2){opacity:.8;background:#febc2e}.pi-win__dots span:nth-child(3){opacity:.8;background:#28c840}.pi-win__titletext{background:color-mix(in srgb, var(--pi-accent) 20%, #ffffff14);border-radius:3px;flex:1;height:5px}.pi-win__body{flex:1;display:flex;overflow:hidden}.pi-win__body--mini{flex-direction:column;gap:5px;padding:6px}.pi-win__sidebar{background:color-mix(in srgb, var(--pi-accent) 5%, #0000004d);border-right:1px solid color-mix(in srgb, var(--pi-accent) 12%, transparent);width:28%}.pi-win__content{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.pi-win__row{background:color-mix(in srgb, var(--pi-accent) 20%, #ffffff12);border-radius:3px;height:6px;animation:2.2s ease-in-out infinite alternate shimmer}.pi-win__row--mid{width:70%;animation-delay:.3s}.pi-win__row--short{width:45%;animation-delay:.6s}.pi-chrome{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.pi-chrome.is-active{opacity:1}.pi-chrome--browser{justify-content:center;display:flex;top:calc(18% - 36px);left:0;right:0}.pi-browser__bar{background:color-mix(in srgb, var(--pi-accent) 8%, #0a0f19e6);border:1.5px solid color-mix(in srgb, var(--pi-accent) 30%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;display:flex}.pi-browser__dots{flex-shrink:0;gap:5px;display:flex}.pi-browser__dot{border-radius:50%;width:8px;height:8px}.pi-browser__dot--red{background:#ff5f57}.pi-browser__dot--yellow{background:#febc2e}.pi-browser__dot--green{background:#28c840}.pi-browser__url{background:#ffffff0f;border-radius:4px;flex:1;align-items:center;gap:4px;height:18px;padding:0 6px;display:flex;overflow:hidden}.pi-browser__lock{opacity:.7;font-size:.6rem}.pi-browser__text{color:color-mix(in srgb, var(--pi-accent) 80%, white);opacity:.8;white-space:nowrap;font-family:monospace;font-size:.6rem}.pi-browser__cursor{background:var(--pi-accent);width:1px;height:10px;animation:1s step-end infinite blink}.pi-browser__actions{flex-shrink:0;gap:4px;display:flex}.pi-browser__actions span{background:#ffffff1a;border-radius:2px;width:16px;height:6px}.pi-chrome--phone{border:8px solid color-mix(in srgb, var(--pi-accent) 25%, #141028f2);width:52%;height:94%;box-shadow:0 0 0 1px color-mix(in srgb, var(--pi-accent) 15%, transparent), 0 0 30px color-mix(in srgb, var(--pi-accent) 20%, transparent);border-radius:34px;top:50%;left:50%;transform:translate(-50%,-50%)}.pi-phone__notch{background:color-mix(in srgb, var(--pi-accent) 20%, #0a0818f2);border-radius:0 0 12px 12px;width:34%;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pi-phone__home{background:color-mix(in srgb, var(--pi-accent) 50%, transparent);border-radius:2px;width:32%;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pi-phone__btn{background:color-mix(in srgb, var(--pi-accent) 40%, #281e46e6);border-radius:2px;width:3px;position:absolute;right:-11px}.pi-phone__btn--vol-up{height:18px;top:18%}.pi-phone__btn--vol-down{height:18px;top:30%}.pi-phone__btn--power{height:26px;top:20%;left:-11px;right:auto}.pi-chrome--blockchain{align-items:center;gap:12px;display:flex;bottom:8%;left:50%;transform:translate(-50%)}.pi-bc__verified{background:color-mix(in srgb, var(--pi-accent) 10%, #00000080);border:1px solid color-mix(in srgb, var(--pi-accent) 35%, transparent);border-radius:20px;align-items:center;gap:4px;padding:4px 10px 4px 6px;display:flex}.pi-bc__verified svg{flex-shrink:0;width:16px;height:16px}.pi-bc__verified span{color:var(--pi-accent);opacity:.9;font-family:monospace;font-size:.65rem}.pi-bc__hash{background:color-mix(in srgb, var(--pi-accent) 6%, #00000080);border:1px solid color-mix(in srgb, var(--pi-accent) 20%, transparent);border-radius:6px;padding:4px 8px}.pi-bc__hash span{color:color-mix(in srgb, var(--pi-accent) 70%, white);opacity:.8;font-family:monospace;font-size:.6rem;animation:3s ease-in-out infinite hashFlicker}.pi-chrome--ai{flex-direction:column;align-items:center;gap:6px;width:80%;display:flex;top:8%;left:50%;transform:translate(-50%)}.pi-ai__label{align-items:center;gap:6px;display:flex}.pi-ai__dot{background:var(--pi-accent);width:7px;height:7px;box-shadow:0 0 8px var(--pi-accent);border-radius:50%;animation:1.2s ease-in-out infinite aiDotPulse}.pi-ai__label span:last-child{color:var(--pi-accent);opacity:.85;letter-spacing:.08em;font-family:monospace;font-size:.65rem}.pi-ai__bars{align-items:flex-end;gap:3px;width:100%;height:24px;display:flex}.pi-ai__bar{background:color-mix(in srgb, var(--pi-accent) 60%, transparent);animation:1s ease-in-out infinite alternate audioBar;animation-delay:calc(var(--bi,0) * .1s);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1}.pi-chrome--windows{justify-content:space-between;align-items:center;height:28px;padding:0 10px;display:flex;bottom:0;left:0;right:0}.pi-desk__start svg{width:14px;height:14px}.pi-desk__clock{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.pi-desk__time,.pi-desk__date{color:color-mix(in srgb, var(--pi-accent) 70%, white);opacity:.8;font-family:monospace;font-size:.55rem}@keyframes shimmer{0%{opacity:.4}to{opacity:.85}}@keyframes blockPulse{0%,to{box-shadow:0 0 8px color-mix(in srgb, var(--pi-accent) 20%, transparent)}50%{box-shadow:0 0 20px color-mix(in srgb, var(--pi-accent) 45%, transparent)}}@keyframes linkPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}}@keyframes edgeFade{0%,to{stroke-opacity:.15}50%{stroke-opacity:.5}}@keyframes nodePulse{0%,to{stroke-opacity:.4;r:10}50%{stroke-opacity:.9;r:12}}@keyframes coreFlash{0%,to{opacity:.4}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes hashFlicker{0%,to{opacity:.8}45%{opacity:.8}50%{opacity:.3}55%{opacity:.8}}@keyframes aiDotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes audioBar{0%{transform:scaleY(calc(.15 + var(--bh,.5) * .4))}to{transform:scaleY(calc(.6 + var(--bh,.5) * .8))}}@keyframes windowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pi-stage--windows:after{content:"";background:color-mix(in srgb, var(--pi-accent) 15%, #0f141ee6);border:1px solid color-mix(in srgb, var(--pi-accent) 20%, transparent);opacity:0;border-top:none;border-radius:0 0 6px 6px;width:12%;height:22px;transition:opacity .4s;position:absolute;bottom:calc(30% - 30px);left:50%;transform:translate(-50%)}.pi-stage--windows .pi-screen:after{content:"";background:color-mix(in srgb, var(--pi-accent) 20%, #141c2ce6);border-radius:0 0 4px 4px;width:40%;height:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}@media (width<=1023px){.pi-wrap{opacity:0;width:100%;height:260px;transition:opacity .55s,transform .55s;position:fixed;top:64px;bottom:auto;left:0!important;transform:translateY(-20px)!important}.pi-wrap--right,.pi-wrap--left{opacity:1;transform:translateY(0)!important}.pi-wrap--off-right,.pi-wrap--off-left{opacity:0;transform:translateY(-20px)!important}.pi-stage{aspect-ratio:1;width:min(260px,70%)}}@media (width<=767px){.pi-wrap{opacity:0;width:100%;height:240px;transition:opacity .55s,transform .55s;position:fixed;top:40px;bottom:auto;left:0!important;transform:translateY(-20px)!important}.pi-wrap--right,.pi-wrap--left{opacity:1;transform:translateY(0)!important}.pi-wrap--off-right,.pi-wrap--off-left{opacity:0;transform:translateY(-20px)!important}.pi-wrap--flipped{left:0}.pi-stage{aspect-ratio:1;width:min(160px,48%)}}