.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(900px,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}.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,1fr);gap:12px}.gnChoices button{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.selected{border-color:#9b85ff;background:linear-gradient(135deg,#332755,#22203c);box-shadow:inset 0 0 0 1px #8b6cff55}.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{display:block;min-height:260px;background:#151927}.gnCover img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.gnCover span{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}.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}.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}.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 .gnCover span{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}.gnMethod{margin:28px 0 0;color:#778198;font-size:11px;line-height:1.6}.gnNoMatch{text-align:center;padding:65px 20px}.gnNoMatch h2{font-size:40px;letter-spacing:-.04em}.gnNoMatch p{max-width:620px;margin:0 auto;color:#aab2c5}.gnNoMatch .gnNav{justify-content:center}
@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}.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 .gnCover span{height:360px}.gnAlternatives>div{grid-template-columns:1fr}.gnResultBody ul{grid-template-columns:1fr}}