/* <inline asset> */
@charset "UTF-8"; 

/* /geoecon_odoo_folio/static/src/pulsoiq/gea_pulsoiq.scss */
 *, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}:root{--gq-ink: #0e121a; --gq-surface: #0A0E14; --gq-panel: #0F141C; --gq-panel-h: #131923; --gq-fg: #E6EAF1; --gq-mt: #98A2B3; --gq-mt-d: #6B7280; --gq-line: rgba(255, 255, 255, .08); --gq-line2: rgba(255, 255, 255, .05); --gq-ac: #e68a00; --gq-ac-h: #ff7a29; --gq-ac-d: #3d2500; --gq-dg: #E84855; --gq-am: #FFD83D; --gq-cy: #4FC3F7; --gq-gn: #21D959; --gq-or: #FF7A29; --gq-grad: linear-gradient(135deg, #b96f00, #e68a00); --font-body: 'Inter', system-ui, sans-serif; --font-head: 'Space Grotesk', system-ui, sans-serif;}html{overflow-x: hidden !important; overflow-y: auto !important; height: auto !important;}body{overflow: visible !important; height: auto !important;}#wrapwrap{overflow: visible !important; height: auto !important;}html{scroll-behavior: smooth;}body{font-family: var(--font-body); font-size: 14px; line-height: 1.4; color: var(--gq-fg); background: var(--gq-ink); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}::-webkit-scrollbar{width: 4px; height: 5px;}::-webkit-scrollbar-track{background: transparent;}::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.3); border-radius: 2px;}.mi{font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 20px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; vertical-align: middle;}img{display: block; max-width: 100%; height: auto;}a{color: inherit; text-decoration: none;}@keyframes gqFadeInUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}@keyframes gq-slide-in{from{opacity: 0; transform: translateY(-10px);}to{opacity: 1; transform: translateY(0);}}@keyframes slideIn{from{opacity: 0; transform: translateY(-12px);}to{opacity: 1; transform: translateY(0);}}@keyframes float-subtle{0%, 100%{transform: translateY(0);}50%{transform: translateY(-8px);}}@keyframes pulse-ring{0%{transform: scale(1); opacity: .5;}100%{transform: scale(1.6); opacity: 0;}}.gq-reveal{opacity: 0; transform: translateY(20px); transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.gq-reveal.visible{opacity: 1; transform: translateY(0);}.gq-container{max-width: 1280px; margin: 0 auto; padding: 0 24px;}.gq-header{height: 52px; position: sticky; top: 0; z-index: 50; background: rgba(5, 7, 11, 0.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid var(--gq-line);}.gq-header-inner{max-width: 1680px; margin: 0 auto; padding: 0 24px; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}.gq-logo{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; flex-shrink: 0;}.gq-logo img{height: 28px; width: auto;}.gq-nav{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 4px;}.gq-nav-link{font-family: var(--font-head); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .06em; color: var(--gq-mt); padding: 6px 14px; border-radius: 999px; transition: all .18s;}.gq-nav-link:hover{color: var(--gq-fg); background: rgba(255, 255, 255, 0.04);}.gq-header-actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; flex-shrink: 0;}.gq-menu-toggle{display: none; width: 32px; height: 32px; border-radius: 8px; background: transparent; border: 1px solid var(--gq-line); color: var(--gq-mt); align-items: center; justify-content: center; cursor: pointer; transition: all .15s;}.gq-menu-toggle:hover{background: rgba(255, 255, 255, 0.05); border-color: #252D3A; color: var(--gq-fg);}.gq-mobile-nav{display: none; position: fixed; top: 52px; left: 0; right: 0; bottom: 0; background: rgba(5, 7, 11, 0.96); backdrop-filter: blur(18px); z-index: 49; padding: 24px; animation: slideIn .26s ease-out;}.gq-mobile-nav.open{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px;}.gq-mobile-nav .gq-nav-link{font-size: 13px; padding: 12px 16px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px;}.gq-mobile-nav .gq-nav-link .mi{font-size: 18px; color: var(--gq-ac);}.gq-mobile-nav-actions{margin-top: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; padding-top: 24px; border-top: 1px solid var(--gq-line);}.btn-primary{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1.1rem; border-radius: 999px; background: var(--gq-ac); color: #eee; font-family: var(--font-head); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; border: none; cursor: pointer; transition: transform .18s, box-shadow .18s; white-space: nowrap;}.btn-primary:hover{transform: translateY(-1px); box-shadow: 0 8px 28px -6px rgba(20, 136, 224, 0.5);}.btn-primary:active{transform: translateY(0);}.btn-primary .mi{font-size: 15px;}.btn-ghost{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .8rem; border-radius: 999px; background: #0006; color: var(--gq-mt); border: 1px solid #1C2028; font-family: var(--font-head); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .06em; cursor: pointer; transition: all .18s; white-space: nowrap;}.btn-ghost:hover{background: rgba(255, 255, 255, 0.04); border-color: #252D3A; color: var(--gq-fg);}.btn-ghost .mi{font-size: 14px;}.btn-outline-accent{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: .5rem; padding: .55rem 1.2rem; border-radius: 999px; background: transparent; color: var(--gq-ac); border: 1px solid rgba(224, 136, 20, 0.3); font-family: var(--font-head); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; cursor: pointer; transition: all .18s; white-space: nowrap;}.btn-outline-accent:hover{background: rgba(224, 156, 20, 0.08); border-color: rgba(224, 159, 20, 0.5); box-shadow: 0 0 20px -6px rgba(224, 159, 20, 0.3);}.btn-outline-accent .mi{font-size: 15px;}.gq-badge{font-family: var(--font-head); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 3px 9px; border-radius: 999px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 5px;}.gq-badge-accent{background: var(--gq-ac); color: white;}.gq-badge-cyan{background: var(--gq-cy); color: white;}.gq-badge-green{background: var(--gq-gn); color: white;}.gq-badge-amber{background: var(--gq-am); color: white;}.gq-badge-danger{background: var(--gq-dg); color: white;}.gq-hero{position: relative; padding: 120px 24px 120px; text-align: center; overflow: hidden;}.gq-hero::before{content: ''; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 100%; height: 750px; background-image: radial-gradient(ellipse, rgba(5, 43, 57, 0.8) 0%, #000000cc 75%), url("/geoecon_odoo_folio/static/src/pulsoiq/img/h1.jpg"); background-size: cover; background-position: center; filter: blur(1px); pointer-events: none;}.gq-hero-content{position: relative; z-index: 1; max-width: 860px; margin: 0 auto;}.gq-hero-badge{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 24px; animation: gqFadeInUp .5s ease forwards;}.gq-hero-badge .mi{font-size: 13px;}.gq-hero-title{font-family: var(--font-head); font-size: clamp(2.4rem, 5.5vw, 3.8rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; margin-bottom: 20px; animation: gqFadeInUp .5s ease .08s forwards; opacity: 0;}.gq-hero-title .gq-accent-text{background: var(--gq-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.gq-hero-sub{font-size: 16px; color: var(--gq-mt); line-height: 1.55; max-width: 640px; margin: 0 auto 20px; animation: gqFadeInUp .5s ease .16s forwards; opacity: 0;}.gq-hero-tagline{font-family: var(--font-head); font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--gq-ac); margin-bottom: 32px; animation: gqFadeInUp .5s ease .2s forwards; opacity: 0;}.gq-hero-actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; animation: gqFadeInUp .5s ease .28s forwards; opacity: 0;}.gq-hero-grid{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 32px 32px; pointer-events: none; mask-image: radial-gradient(ellipse 60% 60% at 50% 40%, black 20%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 40%, black 20%, transparent 70%);}.gq-section{padding: 120px 24px; position: relative;}.gq-section-inner{max-width: 1280px; margin: 0 auto;}.gq-section-header{margin-bottom: 48px;}.gq-section-label{font-family: var(--font-head); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--gq-ac); margin-bottom: 12px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px;}.gq-section-label .mi{font-size: 16px;}.gq-section-title{font-family: var(--font-head); font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 14px;}.gq-section-sub{font-size: 14px; color: var(--gq-mt); line-height: 1.55; max-width: 600px;}.gq-divider{border: none; height: 1px; background: var(--gq-line); max-width: 1280px; margin: 0 auto;}.gq-vs{padding: 60px 24px;}.gq-vs-inner{max-width: 1100px; margin: 0 auto;}.gq-vs-grid{display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: stretch;}.gq-vs-col{background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 16px; padding: 32px 28px;}.gq-vs-col.winner{border-color: rgba(224, 139, 20, 0.25); background: linear-gradient(to bottom, #e68a0052, #e68a001c 30% 60%);}.gq-vs-col-title{font-family: var(--font-head); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px;}.gq-vs-col-title .mi{font-size: 18px;}.gq-vs-col-sub{font-size: 12px; color: var(--gq-mt-d); margin-bottom: 22px;}.gq-vs-list{list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px;}.gq-vs-list li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: var(--gq-mt); line-height: 1.5;}.gq-vs-list li .mi{font-size: 16px; flex-shrink: 0; margin-top: 1px;}.gq-vs-list li .mi.yes{color: var(--gq-ac);}.gq-vs-list li .mi.no{color: var(--gq-mt-d); opacity: .5;}.gq-vs-list li.no-feature{opacity: .45;}.gq-vs-divider{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px;}.gq-vs-divider-text{font-family: var(--font-head); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--gq-mt-d); background: var(--gq-ink); border: 1px solid var(--gq-line); border-radius: 999px; padding: 8px 14px; white-space: nowrap;}.gq-h-scroll-wrap{position: relative; min-height: 100vh;}.gq-h-scroll-stick{position: sticky; top: 0; height: 100vh; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; overflow: hidden;}.gq-h-scroll-track{display: -webkit-box; display: -webkit-flex; display: flex; gap: 16px; padding: 0 24px; width: max-content; will-change: transform;}.gq-cap-card{width: 480px; height: 320px; flex-shrink: 0; background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 16px; overflow: hidden; transition: border-color .2s, box-shadow .2s; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;}.gq-cap-card:hover{border-color: rgba(237, 155, 13, 0.41); box-shadow: 0 4px 24px -8px rgba(224, 146, 20, 0.1);}.gq-cap-card-left{flex: 1; padding: 32px 28px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0;}.gq-cap-card-right{flex: 1; flex-shrink: 0; position: relative; overflow: hidden;}.gq-cap-card-right img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.gq-cap-card:hover .gq-cap-card-right img{transform: scale(1.04);}.gq-cap-card-right::after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; background: linear-gradient(to right, var(--gq-panel), transparent); pointer-events: none;}.gq-cap-icon{width: 64px; height: 64px; border-radius: 12px; background: rgba(224, 136, 20, 0.08); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0;}.gq-cap-icon .mi{font-size: 48px; color: var(--gq-ac);}.gq-cap-card h3{font-family: var(--font-head); font-size: 17px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 12px; line-height: 1.25; flex-shrink: 0;}.gq-cap-card p{font-size: 13px; color: var(--gq-mt); line-height: 1.6; flex: 1;}@media (max-width: 900px){.gq-cap-card{width: 440px; height: 380px;}.gq-cap-card-right{width: 160px;}.gq-cap-card-left{padding: 24px 20px;}}@media (max-width: 640px){.gq-cap-card{width: 320px; height: auto; min-height: 320px; flex-direction: column-reverse;}.gq-cap-card-right{width: 100%; height: 120px;}.gq-cap-card-right::after{width: 100%; height: 40px; top: auto; bottom: 0; background: linear-gradient(to top, var(--gq-panel), transparent);}.gq-cap-card-left{padding: 20px 18px;}}.gq-detail-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;}.gq-detail-layout.reverse{direction: rtl;}.gq-detail-layout.reverse > *{direction: ltr;}.gq-detail-img{position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--gq-line);}.gq-detail-img img{width: 100%; display: block;}.gq-detail-img-glow{position: absolute; inset: 0; background: linear-gradient(135deg, rgba(20, 224, 196, 0.06), transparent 60%); pointer-events: none;}.gq-detail-text h3{font-family: var(--font-head); font-size: 18px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 14px; line-height: 1.25;}.gq-detail-text p{font-size: 13px; color: var(--gq-mt); line-height: 1.55; margin-bottom: 22px;}.gq-feature-list{list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 11px; margin-bottom: 26px;}.gq-feature-list li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--gq-fg); line-height: 1.5;}.gq-feature-list li .mi{font-size: 18px; color: var(--gq-ac); flex-shrink: 0; margin-top: 1px;}.gq-img-stack{position: relative; height: 480px;}.gq-img-stack-main{position: absolute; top: 0; left: 0; width: 75%; height: 100%; border-radius: 16px; overflow: hidden; border: 1px solid var(--gq-line); z-index: 2;}.gq-img-stack-main img{width: 100%; height: 100%; object-fit: cover;}.gq-img-stack-float{position: absolute; bottom: 20px; right: 0; width: 52%; height: 260px; border-radius: 14px; overflow: hidden; border: 1px solid var(--gq-line); z-index: 3; box-shadow: 0 16px 48px -12px rgba(0, 0, 0, 0.6); animation: float-subtle 5s ease-in-out infinite;}.gq-img-stack-float img{width: 100%; height: 100%; object-fit: cover;}.gq-geo-panel{background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 16px; overflow: hidden;}.gq-geo-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0;}.gq-geo-text{padding: 40px 36px;}.gq-geo-img{position: relative; min-height: 360px; overflow: hidden;}.gq-geo-img img{width: 100%; height: 100%; object-fit: cover;}.gq-geo-img-overlay{position: absolute; inset: 0; background: linear-gradient(to right, var(--gq-panel) 0%, transparent 20%);}.gq-cases-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}.gq-case-card{background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 16px; overflow: hidden; transition: border-color .2s, box-shadow .2s;}.gq-case-card:hover{border-color: rgba(255, 255, 255, 0.12); box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.4);}.gq-case-img{height: 200px; overflow: hidden; position: relative;}.gq-case-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.gq-case-card:hover .gq-case-img img{transform: scale(1.04);}.gq-case-img::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to top, var(--gq-panel), transparent);}.gq-case-badge{position: absolute; top: 14px; left: 14px; z-index: 2;}.gq-case-body{padding: 20px 24px 24px;}.gq-case-body h3{font-family: var(--font-head); font-size: 15px; font-weight: 700; letter-spacing: -.01em; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px;}.gq-case-body h3 .mi{font-size: 2rem; color: var(--gq-ac);}.gq-case-body p{font-size: 13px; color: var(--gq-mt-d); line-height: 1.55; margin-bottom: 16px;}.gq-case-uses{list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 7px;}.gq-case-uses li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 7px; font-size: 12px; color: var(--gq-mt); line-height: 1.5;}.gq-case-uses li .mi{font-size: 14px; color: var(--gq-ac); flex-shrink: 0; margin-top: 1px;}.gq-other-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}.gq-other-card{background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 12px; padding: 20px 18px; transition: border-color .18s;}.gq-other-card:hover{border-color: rgba(224, 159, 20, 0.15);}.gq-other-card .mi{font-size: 2rem; color: var(--gq-ac); margin-bottom: 10px; display: block;}.gq-other-card h4{font-family: var(--font-head); font-size: 13px; font-weight: 600; margin-bottom: 6px; line-height: 1.35;}.gq-other-card p{font-size: 12px; color: var(--gq-mt-d); line-height: 1.5;}.gq-cta{padding: 180px 24px; text-align: center; position: relative; overflow: hidden;}.gq-cta::before{content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 700px; height: 500px; background: radial-gradient(ellipse, rgba(20, 156, 224, 0.1) 0%, transparent 70%); pointer-events: none;}.gq-cta-box{max-width: 640px; margin: 0 auto; position: relative; z-index: 1; background: var(--gq-panel); border: 1px solid var(--gq-line); border-radius: 20px; padding: 48px 40px;}.gq-cta-box h2{font-family: var(--font-head); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; letter-spacing: -.03em; margin-bottom: 14px;}.gq-cta-box p{font-size: 14px; color: var(--gq-mt); line-height: 1.55; margin-bottom: 28px;}.gq-cta-actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.gq-footer{border-top: 1px solid var(--gq-line); padding: 48px 24px 32px; background: #07090c;}.gq-footer-inner{max-width: 1280px; margin: 0 auto;}.gq-footer-top{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px;}.gq-footer-brand p{font-size: 13px; color: var(--gq-mt-d); line-height: 1.55; margin-top: 12px; max-width: 260px;}.gq-footer-col h4{font-family: var(--font-head); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--gq-mt); margin-bottom: 14px;}.gq-footer-col ul{list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}.gq-footer-col ul li a{font-size: 13px; color: var(--gq-mt-d); transition: color .15s;}.gq-footer-col ul li a:hover{color: var(--gq-fg);}.gq-footer-bottom{border-top: 1px solid var(--gq-line); padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}.gq-footer-copy{font-size: 12px; color: var(--gq-mt-d);}.gq-footer-socials{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px;}.gq-footer-social{width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--gq-line); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: var(--gq-mt-d); transition: all .15s;}.gq-footer-social:hover{background: rgba(255, 255, 255, 0.04); border-color: #252D3A; color: var(--gq-fg);}.gq-footer-social .mi{font-size: 16px;}.gq-toast-container{position: fixed; top: 64px; right: 24px; z-index: 9999; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px;}.gq-toast{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 12px; background: var(--gq-panel); border: 1px solid var(--gq-line); box-shadow: 0 12px 40px -8px rgba(0, 0, 0, 0.5); font-size: 13px; color: var(--gq-fg); animation: gq-slide-in .3s ease-out; max-width: 340px;}.gq-toast .mi{font-size: 18px; color: var(--gq-ac); flex-shrink: 0;}.gq-toast.fade-out{opacity: 0; transform: translateY(-10px); transition: all .3s ease;}@media (max-width: 960px){.gq-vs-grid{grid-template-columns: 1fr; gap: 16px;}.gq-vs-divider{padding: 8px 0;}.gq-vs-divider-text{display: inline-block;}.gq-footer-top{grid-template-columns: 1fr 1fr;}.gq-other-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 900px){.gq-nav{display: none;}.gq-menu-toggle{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;}.gq-header-actions .btn-ghost{display: none;}}@media (max-width: 640px){.gq-detail-layout, .gq-detail-layout.reverse{grid-template-columns: 1fr; direction: ltr;}.gq-img-stack{height: 360px;}.gq-img-stack-main{width: 100%;}.gq-img-stack-float{width: 58%; height: 200px; bottom: 12px; right: 12px;}.gq-cases-grid{grid-template-columns: 1fr;}.gq-other-grid{grid-template-columns: 1fr;}.gq-geo-grid{grid-template-columns: 1fr;}.gq-geo-img{min-height: 240px;}.gq-geo-img-overlay{background: linear-gradient(to bottom, var(--gq-panel) 0%, transparent 20%);}.gq-footer-top{grid-template-columns: 1fr; gap: 28px;}.gq-footer-bottom{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px; text-align: center;}.gq-hero{padding: 56px 20px 44px;}.gq-section{padding: 56px 20px;}.gq-vs{padding: 40px 20px;}.gq-cta{padding: 56px 20px;}.gq-cta-box{padding: 32px 24px;}.gq-case-img{height: 180px;}.gq-vs-col{padding: 24px 20px;}}@media (max-width: 480px){.gq-hero-actions{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%;}.gq-hero-actions .btn-primary, .gq-hero-actions .btn-ghost{width: 100%; justify-content: center;}.gq-cta-actions{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%;}.gq-cta-actions .btn-primary, .gq-cta-actions .btn-outline-accent{width: 100%; justify-content: center;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}.gq-img-stack-float{animation: none;}}#question-particles{position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -1;}.question-particle{position: absolute; color: #8b5cf6; font-family: inherit; user-select: none; will-change: transform, opacity;}