.fp-banner-page{--pink:#f00070;--cyan:#48c9fc;--yellow:#f0f000;--ink:#08090b;--panel:#17181d;max-width:1440px;margin:0 auto;padding:34px clamp(16px,4vw,58px) 72px;color:#fff;background:#08090b;font-family:Saira,sans-serif}.fp-banner-hero{position:relative;overflow:hidden;padding:clamp(36px,7vw,86px) clamp(20px,5vw,68px);border:1px solid #363740;background:radial-gradient(circle at 82% 20%,rgba(72,201,252,.2),transparent 30%),radial-gradient(circle at 14% 84%,rgba(240,0,112,.18),transparent 32%),#050607}.fp-banner-hero:after{content:"";position:absolute;right:-30px;bottom:-65px;width:300px;height:170px;border:14px solid var(--pink);transform:rotate(-10deg)}.fp-banner-kicker{margin:0 0 12px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.fp-banner-hero h1{position:relative;z-index:1;max-width:900px;margin:0;font-size:clamp(42px,7vw,92px);font-style:italic;font-weight:950;letter-spacing:-.055em;line-height:.88;text-transform:uppercase}.fp-banner-hero h1 em{color:var(--pink);font-style:inherit;text-shadow:4px 4px 0 var(--cyan)}.fp-banner-hero p:last-child{position:relative;z-index:1;max-width:660px;margin:22px 0 0;color:#c8cad0;font-size:clamp(14px,1.6vw,18px);font-weight:600}.fp-banner-finder{padding:34px 0 4px}.fp-banner-finder__heading{text-align:center}.fp-banner-finder__heading span{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.17em}.fp-banner-finder__heading h2{margin:6px 0 8px;font-size:clamp(28px,4vw,50px);line-height:1;text-transform:uppercase}.fp-banner-finder__heading p{margin:0;color:#aeb1ba}.fp-banner-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px auto 20px;max-width:1060px}.fp-banner-use{min-height:135px;padding:18px;border:1px solid #4a4c56;border-radius:9px;background:#17181d;color:#fff;text-align:left;cursor:pointer}.fp-banner-use span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px;border-radius:50%;background:#262831;color:var(--cyan);font-size:18px;font-weight:900}.fp-banner-use b{display:block;font-size:20px}.fp-banner-use small{display:block;margin-top:4px;color:#aeb1ba;font-size:11px}.fp-banner-use:hover,.fp-banner-use.is-active{border-color:var(--pink);box-shadow:inset 0 0 0 2px var(--pink),5px 5px 0 var(--cyan)}.fp-banner-use.is-active span{background:var(--yellow);color:#08090b}.fp-banner-result{min-height:42px;margin:0 auto 22px;padding:11px 14px;max-width:1060px;border-left:4px solid var(--cyan);background:#111217;color:#d4d6dc;font-size:12px}.fp-banner-result b{color:var(--yellow)}.fp-banner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fp-banner-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #41434c;border-radius:10px;background:#15161b;transition:.2s ease}.fp-banner-card.is-match{border-color:var(--cyan);box-shadow:5px 5px 0 var(--pink);transform:translateY(-3px)}.fp-banner-card.is-dimmed{opacity:.35}.fp-banner-card__image{display:grid;place-items:center;aspect-ratio:4/3;padding:12px;background:radial-gradient(circle,#292b32 0 2px,transparent 3px) 0 0/18px 18px}.fp-banner-card__image img{width:100%;height:100%;object-fit:contain}.fp-banner-card__body{display:flex;flex:1;flex-direction:column;padding:17px}.fp-banner-card__type{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.fp-banner-card h3{margin:5px 0 8px;font-size:20px;line-height:1.05}.fp-banner-card__facts{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.fp-banner-card__facts span{padding:4px 7px;border:1px solid #3e4049;border-radius:999px;color:#bfc2ca;font-size:8px;font-weight:800;text-transform:uppercase}.fp-banner-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.fp-banner-card__footer strong{font-size:18px}.fp-banner-card__footer a{padding:9px 12px;border:2px solid var(--pink);border-radius:999px;color:#fff;font-size:10px;font-weight:900;text-decoration:none}.fp-banner-card__footer a:hover{background:var(--pink)}.fp-banner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;background:#3a3c44;border:1px solid #3a3c44}.fp-banner-steps div{padding:22px;background:#101116}.fp-banner-steps span{color:var(--pink);font-weight:950}.fp-banner-steps b{display:block;margin:5px 0;font-size:17px}.fp-banner-steps small{color:#aeb1ba}.fp-banner-proof{margin-top:18px;padding:15px 18px;border:1px solid rgba(240,240,0,.35);background:#f0f0000f;color:#d8d9dd;text-align:center;font-size:12px}.fp-banner-proof b{color:var(--yellow)}@media(max-width:900px){.fp-banner-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.fp-banner-page{padding:20px 14px 52px}.fp-banner-uses,.fp-banner-grid,.fp-banner-steps{grid-template-columns:1fr}.fp-banner-hero h1{font-size:44px}.fp-banner-use{min-height:110px}.fp-banner-card.is-dimmed{display:none}}.fp-banner-page{max-width:1120px;padding:16px clamp(14px,2.5vw,30px) 40px}.fp-banner-hero{padding:clamp(22px,3vw,38px) clamp(18px,3.2vw,40px)}.fp-banner-hero:after{right:-40px;bottom:-92px;width:260px;height:150px;border-width:11px}.fp-banner-hero h1{font-size:clamp(38px,5.7vw,72px);line-height:.9}.fp-banner-hero h1{max-width:none;font-size:clamp(32px,4.65vw,58px);white-space:nowrap}.fp-banner-hero p:last-child{margin-top:10px;font-size:clamp(12px,1.2vw,15px)}.fp-banner-finder{padding:18px 0 0}.fp-banner-finder__heading h2{margin:3px 0 4px;font-size:clamp(23px,2.7vw,34px)}.fp-banner-finder__heading p{font-size:12px}.fp-banner-uses{gap:9px;margin:12px auto 10px;max-width:900px}.fp-banner-use{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:64px;padding:9px 12px;border-radius:7px}.fp-banner-use span{grid-row:1/3;width:32px;height:32px;margin:0;font-size:16px}.fp-banner-use b{font-size:15px;line-height:1.05}.fp-banner-use small{margin-top:2px;font-size:9px;line-height:1.25}.fp-banner-result{min-height:34px;margin-bottom:14px;padding:7px 11px;max-width:900px;font-size:10px}.fp-banner-grid{gap:12px}.fp-banner-card__image{aspect-ratio:16/10;padding:10px}.fp-banner-card__body{padding:14px}.fp-banner-card h3{font-size:18px}.fp-banner-card__facts{margin-bottom:12px}.fp-banner-page:not(.fp-sign-page){display:block;box-sizing:border-box;max-width:1080px;padding-top:12px;padding-bottom:30px}.fp-banner-page:not(.fp-sign-page) .fp-banner-hero{padding:18px 30px}.fp-banner-page:not(.fp-sign-page) .fp-banner-kicker{margin-bottom:7px;font-size:9px}.fp-banner-page:not(.fp-sign-page) .fp-banner-hero h1{font-size:clamp(30px,4vw,50px);line-height:.9}.fp-banner-page:not(.fp-sign-page) .fp-banner-hero p:last-child{max-width:760px;margin-top:8px;font-size:12px;line-height:1.3}.fp-banner-page:not(.fp-sign-page) .fp-banner-finder{padding-top:12px}.fp-banner-page:not(.fp-sign-page) .fp-banner-finder__heading h2{font-size:26px}.fp-banner-page:not(.fp-sign-page) .fp-banner-finder__heading p{font-size:10px}.fp-banner-page:not(.fp-sign-page) .fp-banner-uses{margin:9px auto 7px}.fp-banner-page:not(.fp-sign-page) .fp-banner-use{min-height:54px;padding:7px 10px}.fp-banner-page:not(.fp-sign-page) .fp-banner-use span{width:28px;height:28px;font-size:14px}.fp-banner-page:not(.fp-sign-page) .fp-banner-use b{font-size:14px}.fp-banner-page:not(.fp-sign-page) .fp-banner-use small{font-size:8px}.fp-banner-page:not(.fp-sign-page) .fp-banner-result{min-height:30px;margin-bottom:10px;padding:6px 10px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card__image{aspect-ratio:16/7;max-height:165px;padding:8px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card__body{padding:11px 12px 12px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card h3{margin:3px 0 6px;font-size:16px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card__facts{margin-bottom:8px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card__footer strong{font-size:16px}.fp-banner-page:not(.fp-sign-page) .fp-banner-card__footer a{padding:7px 10px}@media(max-width:650px){.fp-banner-page{padding:14px 12px 42px}.fp-banner-hero{padding:25px 18px}.fp-banner-hero h1{font-size:40px;white-space:normal}.fp-banner-use{min-height:68px}}.fp-sign-page .fp-banner-uses{grid-template-columns:repeat(4,1fr);max-width:1160px}.fp-sign-page .fp-banner-result{max-width:1160px}@media(max-width:900px){.fp-sign-page .fp-banner-uses{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.fp-sign-page .fp-banner-uses{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/banner-experience.css.map */