/* Vis-Sol Offer + Q&A visual layer — 2026-09-25. Scoped to production page classes. */
.page-offer,
.page-faq{--qa-accent:#18e5e8;--qa-accent2:#79fff6;--qa-ink:#f4fbff;--qa-muted:#91a5ad;--qa-line:rgba(121,255,246,.16);--qa-line2:rgba(255,255,255,.09);--qa-panel:rgba(4,16,24,.78)}
.page-offer #wybor{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(4,16,24,.22),rgba(2,7,12,.12))}
.page-offer #wybor::before{content:"";position:absolute;z-index:-2;inset:-80px -5% 0 42%;background:url('/assets/images/ui/offer-systems-field.svg') right 8% top 18%/min(860px,76vw) auto no-repeat;opacity:.25;pointer-events:none}
.page-offer #wybor::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 36%,rgba(24,229,232,.085),transparent 31%),linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.96) 40%,rgba(2,7,12,.70) 78%,#02070c 100%);pointer-events:none}
.page-offer .offer-spectrum{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.page-offer .offer-spectrum li{padding:7px 10px;border:1px solid rgba(121,255,246,.16);border-radius:999px;background:rgba(6,22,29,.58);font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#9eb3ba;backdrop-filter:blur(6px)}
.page-offer .offer-spectrum li:nth-child(3){color:var(--qa-accent2);border-color:rgba(24,229,232,.30);background:rgba(24,229,232,.055)}
.page-offer .offer-pillar-list{border-top:1px solid var(--qa-line);position:relative}
.page-offer .offer-pillar{position:relative;display:grid;grid-template-columns:78px 54px minmax(230px,.9fr) minmax(260px,1fr) 46px;gap:18px;align-items:center;min-height:146px;padding:20px 8px 20px 0;border-bottom:1px solid var(--qa-line);text-decoration:none;color:inherit;transition:background .24s ease,border-color .24s ease,transform .24s ease}
.page-offer .offer-pillar::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,transparent,var(--qa-accent),transparent);opacity:0;transform:scaleY(.5);transition:opacity .24s ease,transform .24s ease}
.page-offer .offer-pillar:hover,.page-offer .offer-pillar:focus-visible{background:linear-gradient(90deg,rgba(24,229,232,.055),rgba(24,229,232,.012) 58%,transparent);border-color:rgba(121,255,246,.28);outline:0}
.page-offer .offer-pillar:hover::before,.page-offer .offer-pillar:focus-visible::before{opacity:1;transform:scaleY(1)}
.page-offer .offer-pillar-num{font:700 clamp(2rem,3vw,2.8rem)/1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.07em;color:rgba(24,229,232,.25)}
.page-offer .offer-pillar-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(24,229,232,.24);border-radius:14px;color:var(--qa-accent);background:linear-gradient(145deg,rgba(24,229,232,.075),rgba(4,16,24,.44));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.page-offer .offer-pillar-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.page-offer .offer-pillar-main strong{display:block;font:650 clamp(1rem,1.7vw,1.24rem)/1.1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.025em;color:var(--qa-ink)}
.page-offer .offer-pillar-main span{display:block;margin-top:7px;color:#92a6ad;font-size:.78rem;line-height:1.55}
.page-offer .offer-pillar-detail{color:#c1cfd3;font-size:.82rem;line-height:1.6;max-width:520px}
.page-offer .offer-pillar-go{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(24,229,232,.28);border-radius:50%;color:var(--qa-accent);font-size:1rem;transition:transform .22s ease,background .22s ease}
.page-offer .offer-pillar:hover .offer-pillar-go,.page-offer .offer-pillar:focus-visible .offer-pillar-go{transform:translateX(3px);background:rgba(24,229,232,.09)}
.page-offer .offer-bridge{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 24px;border:1px solid rgba(24,229,232,.20);border-radius:18px;background:linear-gradient(115deg,rgba(24,229,232,.06),rgba(5,18,25,.76) 52%,rgba(7,25,34,.42));backdrop-filter:blur(8px)}
.page-offer .offer-bridge strong{display:block;font-size:1.05rem}.page-offer .offer-bridge p{margin:5px 0 0;color:var(--qa-muted);font-size:.82rem}.page-offer .offer-bridge .actions{margin:0}
.page-offer .section.dark2{position:relative;overflow:hidden}
.page-offer .section.dark2::after{content:"";position:absolute;right:-12%;bottom:-50%;width:min(640px,60vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(24,229,232,.06),transparent 62%);pointer-events:none}

.page-home .home-qa-bridge{position:relative;overflow:hidden;border-top:1px solid rgba(121,255,246,.12);border-bottom:1px solid rgba(121,255,246,.12);background:linear-gradient(125deg,#031018 0%,#02070c 54%,#04141c 100%)}
.page-home .home-qa-bridge::before{content:"";position:absolute;inset:-40px 0 -40px 48%;background:url('/assets/images/ui/qa-knowledge-field.svg') right center/min(760px,65vw) auto no-repeat;opacity:.18;pointer-events:none}
.page-home .home-qa-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:70px;align-items:center;padding-block:clamp(64px,8vw,108px)}
.page-home .home-qa-copy h2{max-width:770px;margin:.2em 0 .35em;font:600 clamp(2.4rem,4.7vw,4.8rem)/.95 'Space Grotesk',Inter,sans-serif;letter-spacing:-.055em}
.page-home .home-qa-copy p{max-width:700px;color:#9dafb5}.page-home .home-qa-copy .actions{margin-top:24px}
.page-home .home-qa-list{border-top:1px solid rgba(121,255,246,.16);backdrop-filter:blur(6px)}
.page-home .home-qa-list a{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:19px 2px;border-bottom:1px solid rgba(121,255,246,.14);font-weight:700;font-size:.92rem;color:#dce9ec;transition:padding .2s ease,color .2s ease}
.page-home .home-qa-list a span:last-child{color:#18e5e8}.page-home .home-qa-list a:hover{padding-left:8px;color:#79fff6}

.page-faq{background:#02070c}
.page-faq .qa-kicker{display:inline-block;color:var(--qa-accent);font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.page-faq .qa-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--qa-line);background:radial-gradient(circle at 78% 22%,rgba(24,229,232,.10),transparent 33%),linear-gradient(180deg,#02070c,#031018 88%,#02070c)}
.page-faq .qa-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(121,255,246,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(121,255,246,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.page-faq .qa-hero-art{position:absolute;z-index:-1;right:-8%;top:2%;width:min(760px,61vw);opacity:.34;pointer-events:none;filter:drop-shadow(0 0 46px rgba(24,229,232,.06))}
.page-faq .qa-hero-art img{display:block;width:100%;height:auto}
.page-faq .qa-hero-grid{min-height:clamp(560px,70svh,720px);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.48fr);gap:70px;align-items:end;padding-block:clamp(96px,11vw,146px) 78px}
.page-faq .qa-hero-copy{max-width:900px}.page-faq .qa-hero h1{margin:12px 0 22px;font:600 clamp(3.3rem,6.6vw,7rem)/.9 'Space Grotesk',Inter,sans-serif;letter-spacing:-.066em}.page-faq .qa-hero h1 em{display:block;color:var(--qa-accent2);font-style:normal;font-weight:500}.page-faq .qa-hero-copy>p{max-width:770px;margin:0;color:#a2b4ba;font-size:clamp(.94rem,1.35vw,1.05rem);line-height:1.75}.page-faq .qa-hero-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.page-faq .qa-hero-links a{font-size:.76rem;font-weight:800;color:#d6e4e8;border-bottom:1px solid rgba(121,255,246,.28);padding-bottom:4px}.page-faq .qa-hero-links a:hover{color:var(--qa-accent2)}
.page-faq .qa-hero-side{align-self:end;margin-bottom:8px;padding:24px 0 6px 26px;border-left:1px solid var(--qa-line);background:linear-gradient(90deg,rgba(24,229,232,.035),transparent)}.page-faq .qa-hero-side strong{display:block;font:600 clamp(3.6rem,6vw,6rem)/.82 'Space Grotesk',Inter,sans-serif;letter-spacing:-.075em;color:var(--qa-accent2)}.page-faq .qa-hero-side p{max-width:270px;margin:14px 0 0;color:#8da2aa;font-size:.78rem;line-height:1.65}
.page-faq .qa-section{position:relative;padding:clamp(64px,7.5vw,100px) 0}.page-faq .qa-facts-section{overflow:hidden;background:linear-gradient(180deg,#02070c,#041018 54%,#02070c)}.page-faq .qa-facts-section::after{content:"";position:absolute;right:-15%;top:10%;width:min(760px,65vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(28,104,155,.10),rgba(24,229,232,.035) 32%,transparent 68%);pointer-events:none}
.page-faq .qa-section-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:52px;align-items:end;margin-bottom:34px}.page-faq .qa-section-head h2{margin:8px 0 0;font:600 clamp(2.4rem,4.8vw,4.9rem)/.94 'Space Grotesk',Inter,sans-serif;letter-spacing:-.056em}.page-faq .qa-section-head>p{margin:0;color:var(--qa-muted);line-height:1.7}
.page-faq .qa-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--qa-line);border-left:1px solid var(--qa-line)}
.page-faq .qa-fact-card{min-height:178px;padding:24px;display:grid;grid-template-columns:46px 1fr;gap:16px;align-content:start;border-right:1px solid var(--qa-line);border-bottom:1px solid var(--qa-line);background:linear-gradient(145deg,rgba(7,23,32,.75),rgba(2,9,14,.46));backdrop-filter:blur(6px)}
.page-faq .qa-fact-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(24,229,232,.27);border-radius:12px;color:var(--qa-accent);background:rgba(24,229,232,.035)}.page-faq .qa-fact-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.page-faq .qa-fact-label{display:block;margin:2px 0 6px;color:var(--qa-accent);font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.page-faq .qa-fact-card strong{font-size:.98rem}.page-faq .qa-fact-card p{margin:6px 0 0;color:var(--qa-muted);font-size:.77rem;line-height:1.6}
.page-faq .qa-evidence-strip{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .62fr 1.05fr;gap:1px;margin-top:20px;border:1px solid var(--qa-line);background:var(--qa-line)}.page-faq .qa-evidence-strip>a{display:block;padding:18px 20px;background:rgba(4,16,24,.94);transition:background .2s ease}.page-faq .qa-evidence-strip>a:hover{background:rgba(7,29,38,.97)}.page-faq .qa-evidence-strip b{display:block;font-size:.85rem;color:#e9f5f7}.page-faq .qa-evidence-strip span{display:block;margin-top:4px;color:var(--qa-muted);font-size:.72rem;line-height:1.55}
.page-faq .qa-zone{overflow:clip;background:linear-gradient(180deg,#02070c,#031019 58%,#02070c)}.page-faq .qa-zone::before{content:"";position:absolute;left:-22%;top:16%;width:min(720px,65vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(24,229,232,.045),transparent 68%);pointer-events:none}.page-faq .qa-layout{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(42px,6vw,78px);align-items:start}.page-faq .qa-tools{position:sticky;top:94px;padding:2px 0 24px}.page-faq .qa-tools h2{margin:9px 0 12px;font:600 2.1rem/1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.04em}.page-faq .qa-tools p{margin:0;color:var(--qa-muted);font-size:.78rem;line-height:1.6}.page-faq .qa-search{margin:22px 0 18px}.page-faq .qa-search input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--qa-line);border-radius:10px;outline:0;background:#031017;color:var(--qa-ink);font:inherit;font-size:.82rem}.page-faq .qa-search input:focus{border-color:rgba(24,229,232,.56);box-shadow:0 0 0 3px rgba(24,229,232,.05)}.page-faq .qa-filters{display:flex;flex-direction:column;gap:7px}.page-faq .qa-filter{width:100%;padding:9px 10px;border:1px solid var(--qa-line);border-radius:8px;background:transparent;color:#9db0b6;text-align:left;cursor:pointer;font-size:.71rem;font-weight:760;line-height:1.35;transition:.18s}.page-faq .qa-filter.active,.page-faq .qa-filter:hover,.page-faq .qa-filter:focus-visible{color:var(--qa-ink);border-color:rgba(24,229,232,.42);background:rgba(24,229,232,.055);outline:0}
.page-faq .qa-group{margin-bottom:56px;scroll-margin-top:112px}.page-faq .qa-group-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--qa-line)}.page-faq .qa-group-title>span{font:600 clamp(1.5rem,2.7vw,2.15rem)/1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.038em}.page-faq .qa-group-title small{flex:0 0 auto;color:var(--qa-accent);font-size:.64rem;font-weight:850}.page-faq .qa-item{border-bottom:1px solid var(--qa-line)}.page-faq .qa-item summary{display:grid;grid-template-columns:1fr 32px;gap:18px;align-items:center;padding:21px 0;cursor:pointer;list-style:none;color:#eaf3f5;font-size:.96rem;font-weight:760;line-height:1.45}.page-faq .qa-item summary::-webkit-details-marker{display:none}.page-faq .qa-item summary i{font-style:normal;color:var(--qa-accent);font-size:1.22rem;text-align:center;transition:transform .2s ease}.page-faq .qa-item[open] summary i{transform:rotate(45deg)}.page-faq .qa-item[open] summary{color:var(--qa-accent2)}.page-faq .qa-answer{max-width:920px;padding:0 42px 22px 0}.page-faq .qa-answer p{margin:0;color:#94a9b0;font-size:.84rem;line-height:1.78}.page-faq .qa-item.hide,.page-faq .qa-group.hide{display:none}.page-faq .qa-no-results{display:none;padding:30px;border:1px solid var(--qa-line);color:var(--qa-muted)}.page-faq .qa-no-results.show{display:block}
.page-faq .qa-cta{padding:42px 0 86px}.page-faq .qa-cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;border:1px solid rgba(24,229,232,.25);border-radius:18px;background:linear-gradient(120deg,rgba(24,229,232,.075),rgba(3,16,24,.88)),url('/assets/images/ui/offer-systems-field.svg') right -120px center/480px auto no-repeat}.page-faq .qa-cta h2{margin:5px 0 8px;font:600 clamp(1.8rem,3.5vw,3rem)/1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.04em}.page-faq .qa-cta p{margin:0;color:var(--qa-muted)}.page-faq .qa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid var(--qa-accent);border-radius:9px;background:var(--qa-accent);color:#001012;font-size:.76rem;font-weight:850;white-space:nowrap}

@media(max-width:980px){
  .page-offer .offer-pillar{grid-template-columns:64px 50px minmax(0,1fr) 40px;gap:14px}.page-offer .offer-pillar-detail{grid-column:3/5;padding-top:0}.page-offer #wybor::before{inset:0 -15% 0 35%;opacity:.18}
  .page-home .home-qa-grid{grid-template-columns:1fr;gap:38px}.page-home .home-qa-bridge::before{inset:0 -18% 0 34%;opacity:.12}
  .page-faq .qa-hero-grid{grid-template-columns:1fr;gap:32px;min-height:0;padding-block:110px 70px}.page-faq .qa-hero-side{border-left:0;border-top:1px solid var(--qa-line);padding:20px 0 0;margin:0}.page-faq .qa-hero-side p{max-width:540px}.page-faq .qa-hero-art{width:760px;right:-34%;top:6%;opacity:.22}.page-faq .qa-section-head{grid-template-columns:1fr;gap:18px}.page-faq .qa-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.page-faq .qa-evidence-strip{grid-template-columns:1fr}.page-faq .qa-layout{grid-template-columns:1fr;gap:36px}.page-faq .qa-tools{position:static}.page-faq .qa-filters{flex-direction:row;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.page-faq .qa-filter{width:auto;min-width:max-content;white-space:nowrap}
}
@media(max-width:640px){
  .page-offer #wybor::before{inset:70px -62% 0 12%;background-size:720px auto;opacity:.15}.page-offer .offer-spectrum{gap:6px}.page-offer .offer-spectrum li{font-size:.57rem}.page-offer .offer-pillar{grid-template-columns:45px 42px minmax(0,1fr) 34px;gap:10px;padding:21px 0;min-height:0}.page-offer .offer-pillar-num{font-size:1.8rem}.page-offer .offer-pillar-icon{width:40px;height:40px;border-radius:11px}.page-offer .offer-pillar-icon svg{width:21px;height:21px}.page-offer .offer-pillar-main strong{font-size:.96rem}.page-offer .offer-pillar-main span{font-size:.72rem}.page-offer .offer-pillar-detail{grid-column:2/5;padding:2px 0 0;color:#9fb1b7;font-size:.76rem}.page-offer .offer-pillar-go{width:32px;height:32px}.page-offer .offer-bridge{grid-template-columns:1fr;padding:19px}.page-offer .offer-bridge .btn{width:100%;justify-content:center}
  .page-home .home-qa-grid{padding-block:58px;gap:30px}.page-home .home-qa-bridge::before{inset:0 -85% 0 0;background-size:620px auto;opacity:.10}.page-home .home-qa-copy h2{font-size:clamp(2.2rem,12vw,3.6rem)}
  .page-faq .qa-hero-grid{padding-block:90px 56px}.page-faq .qa-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.page-faq .qa-hero-copy>p{font-size:.91rem}.page-faq .qa-hero-art{width:620px;right:-84%;top:10%;opacity:.16}.page-faq .qa-hero-side strong{font-size:3.7rem}.page-faq .qa-section{padding:58px 0}.page-faq .qa-section-head h2{font-size:clamp(2.25rem,11vw,3.5rem)}.page-faq .qa-facts{grid-template-columns:1fr}.page-faq .qa-fact-card{min-height:0;padding:20px}.page-faq .qa-group{margin-bottom:44px}.page-faq .qa-group-title{align-items:start}.page-faq .qa-group-title>span{font-size:1.4rem}.page-faq .qa-item summary{padding:18px 0;font-size:.91rem}.page-faq .qa-answer{padding-right:0}.page-faq .qa-cta{padding-bottom:60px}.page-faq .qa-cta-box{align-items:flex-start;flex-direction:column;padding:22px}.page-faq .qa-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.page-offer .offer-pillar,.page-offer .offer-pillar::before,.page-offer .offer-pillar-go,.page-home .home-qa-list a,.page-faq .qa-item summary i{transition:none!important}}