.gnHero{min-height:460px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 20%,#7657f126,transparent 35%),#090b14}.gnHero>div{padding:70px max(24px,calc((100vw - 1240px)/2));padding-right:50px}.gnHero img{width:100%;height:460px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}.gnEyebrow{color:#a99bff;font-size:11px;font-weight:850;letter-spacing:.16em}.gnHero h1{max-width:720px;margin:14px 0;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.06em}.gnHero p{max-width:650px;color:#b8bfd1;font-size:17px}.gnApp{width:min(960px,calc(100% - 48px));min-height:560px;margin:70px auto 100px;padding:34px;border:1px solid #31374b;border-radius:28px;background:linear-gradient(145deg,#111522,#0d1019);box-shadow:0 30px 90px #0006}.gnProgressHead,.gnNav,.gnResultHead,.gnResultActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.gnProgressHead{color:#929bb1;font-size:12px}.gnProgressHead button{border:0;background:none;color:#a99bff;cursor:pointer}.gnProgress{height:6px;margin:13px 0 42px;overflow:hidden;border-radius:99px;background:#282d3d}.gnProgress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7657f1,#50d6ff);transition:width .25s}.gnQuestion{position:relative;padding-left:70px}.gnStep{position:absolute;left:0;top:-10px;color:#342d58;font-size:54px;font-weight:900}.gnQuestion h2{margin:0 0 8px;font-size:clamp(30px,5vw,46px);letter-spacing:-.045em;outline:none}.gnQuestion p{margin:0 0 26px;color:#aab2c6}.gnQuestion small{display:block;margin-top:12px;color:#7f899f}.gnChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:390px;overflow:auto;padding:2px}.gnChoices button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:15px 17px;border:1px solid #30364a;border-radius:14px;background:#171b29;color:#f5f7ff;text-align:left;font-weight:750;cursor:pointer;transition:.18s}.gnChoices button:hover{border-color:#6659a8;transform:translateY(-1px)}.gnChoices button:focus-visible,.gnProgressHead button:focus-visible{outline:3px solid #58cfff;outline-offset:3px}.gnChoices button.selected{border-color:#9b85ff;background:linear-gradient(135deg,#332755,#22203c);box-shadow:inset 0 0 0 1px #8b6cff55}.gnChoices button b{padding:4px 7px;border-radius:99px;background:#7a61f2;color:#fff;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.gnInlineError{margin:16px 0 0!important;padding:11px 13px;border:1px solid #d5687880;border-radius:10px;background:#7e263133!important;color:#ffbac4!important;font-size:13px}.gnNav{margin-top:40px}.gnNav button:disabled,.gnResultActions button:disabled{opacity:.35;cursor:not-allowed}.gnResultHead{align-items:flex-end;margin-bottom:25px}.gnResultHead h2{margin:6px 0;font-size:clamp(32px,5vw,52px);letter-spacing:-.05em}.gnResultHead p{margin:0;color:#9ba4b8}.gnResultActions{justify-content:flex-end;flex-wrap:wrap}.gnResultCard{overflow:hidden;border:1px solid #30364a;border-radius:22px;background:#111522}.gnResultCard.gnBest{display:grid;grid-template-columns:310px 1fr;border-color:#5d4c92;background:radial-gradient(circle at 10% 20%,#7657f126,transparent 40%),#111522}.gnCover{position:relative;display:block;min-height:260px;overflow:hidden;background:#151927}.gnCover img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.gnCoverFallback{display:grid;place-items:center;height:100%;min-height:260px;background:radial-gradient(circle,var(--gn-accent),transparent 55%),#141824;font-size:100px;font-weight:900;opacity:.65}.gnCover img+.gnCoverFallback{display:none}.gnCover img.isBroken{display:none}.gnCover img.isBroken+.gnCoverFallback{display:grid}.gnResultBody{padding:24px}.gnBest .gnResultBody{padding:30px}.gnBestLabel,.gnMatch{display:inline-block;color:#b9adff;font-size:10px;font-weight:900;letter-spacing:.13em}.gnResultBody h2{margin:6px 0 8px;font-size:30px}.gnResultBody>p{color:#aeb6c9}.gnFitSummary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:17px 0;padding:11px 13px;border:1px solid #343a50;border-radius:12px;background:#171b29}.gnFitSummary strong{color:#c1b6ff;font-size:12px}.gnFitSummary span{color:#929bb0;font-size:11px}.gnResultBody h3{margin:18px 0 8px;font-size:13px}.gnResultBody ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 20px;margin:0;padding-left:18px;color:#c9cede;font-size:13px}.gnResultBody li::marker{color:#8c74f7}.gnCardActions{display:flex;gap:9px;margin-top:22px}.gnAlternatives{margin-top:48px}.gnAlternatives>h2{font-size:30px}.gnAlternatives>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gnAlternatives .gnCover,.gnAlternatives .gnCover img,.gnAlternatives .gnCoverFallback{min-height:200px;height:200px}.gnAlternatives .gnResultBody{padding:18px}.gnAlternatives .gnResultBody h2{font-size:21px}.gnAlternatives .gnResultBody ul{grid-template-columns:1fr}.gnAlternatives .gnCardActions{display:none}.gnAlternatives .gnFitSummary{align-items:flex-start;flex-direction:column;gap:3px}.gnMethod{margin:28px 0 0;color:#778198;font-size:11px;line-height:1.6}.gnNoMatch,.gnLoading{text-align:center;padding:65px 20px}.gnNoMatch h2,.gnLoading h2{font-size:40px;letter-spacing:-.04em}.gnNoMatch p,.gnLoading p{max-width:620px;margin:0 auto;color:#aab2c5}.gnNoMatch .gnNav{justify-content:center}.gnLoading>span{display:block;width:48px;height:48px;margin:0 auto 25px;border:4px solid #2a3042;border-top-color:#8e74ff;border-radius:50%;animation:gnSpin .8s linear infinite}@keyframes gnSpin{to{transform:rotate(360deg)}}
@media(max-width:800px){.gnHero{grid-template-columns:1fr;min-height:560px}.gnHero>div{position:relative;z-index:2;padding:55px 24px 15px}.gnHero img{height:280px;margin-top:-40px;opacity:.6;mask-image:linear-gradient(0deg,#000,transparent)}.gnApp{width:calc(100% - 30px);margin:35px auto 70px;padding:22px}.gnQuestion{padding-left:0}.gnStep{position:static;font-size:14px;color:#8f7cf4}.gnChoices{grid-template-columns:1fr;max-height:440px}.gnResultHead{align-items:flex-start;flex-direction:column}.gnResultActions{justify-content:flex-start}.gnResultCard.gnBest{grid-template-columns:1fr}.gnBest .gnCover,.gnBest .gnCover img,.gnBest .gnCoverFallback{height:360px}.gnAlternatives>div{grid-template-columns:1fr}.gnResultBody ul{grid-template-columns:1fr}.gnCardActions{flex-wrap:wrap}.gnNoMatch,.gnLoading{padding:45px 5px}.gnNoMatch h2,.gnLoading h2{font-size:32px}}
@media(max-width:460px){.gnHero h1{font-size:48px}.gnApp{width:calc(100% - 20px);padding:18px;border-radius:20px}.gnNav{align-items:stretch;flex-direction:column-reverse}.gnNav .button{width:100%;text-align:center}.gnResultActions{display:grid;width:100%;grid-template-columns:1fr 1fr}.gnResultActions .button:last-child{grid-column:1/-1}.gnBest .gnCover,.gnBest .gnCover img,.gnBest .gnCoverFallback{height:320px}.gnResultBody,.gnBest .gnResultBody{padding:20px}.gnResultBody h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.gnProgress span,.gnChoices button{transition:none}.gnLoading>span{animation-duration:1.8s}}

.gnMore{display:block;margin:18px auto 0}.gnRelax{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 6px}.gnRelax strong{flex:1 0 100%;font-size:13px;color:#c9cff0}.gnRelax .button b{margin-left:8px;padding:2px 8px;border-radius:999px;background:#7657f1;color:#fff;font-size:11px}

.gnHero{position:relative;isolation:isolate}
.gnHero.hasCovers::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gn-art,none) center/cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,transparent 20%,#000 75%)}
.gnHero.hasCovers .gnHeroBase{opacity:.18}
.gnHeroCovers{position:absolute;z-index:1;right:max(24px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%) rotate(-3deg);display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:14px;pointer-events:none}
.gnHeroCover{display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--gn-accent,#7657f1),#10131f);box-shadow:0 18px 40px #000a,0 0 0 1px #ffffff1f,0 0 28px -8px var(--gn-accent,#7657f1);animation:gnFloat 7s ease-in-out infinite}
.gnHeroCover img{display:block;width:100%;height:100%;object-fit:cover;mask-image:none}
.gnHeroCover.c1,.gnHeroCover.c4{margin-top:30px;animation-delay:-2s}.gnHeroCover.c2,.gnHeroCover.c5{animation-delay:-4s}
@keyframes gnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.gnHeroCover{animation:none}}
@media(max-width:1100px){.gnHeroCovers{grid-template-columns:repeat(3,minmax(0,118px))}}
@media(max-width:900px){.gnHero.hasCovers .gnHeroBase{display:none}.gnHeroCovers{position:relative;right:auto;top:auto;transform:none;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 24px 26px}.gnHeroCover{border-radius:9px}.gnHeroCover.c1,.gnHeroCover.c4{margin-top:0}}