:root{--surf-bg: #070b1a;--surf-bg2: #0d1430;--surf-ink: #f8fafc;--surf-mute: #b6c2dc;--surf-cyan: #22d3ee;--surf-violet: #8b5cf6;--surf-pink: #f472b6;--surf-lime: #a3e635;--surf-glass: rgba(255, 255, 255, .07);--surf-line: rgba(255, 255, 255, .14);--surf-grad: linear-gradient(110deg, var(--surf-cyan), var(--surf-violet) 55%, var(--surf-pink));--surf-radius: 22px;--surf-font: "Space Grotesk", "Inter", system-ui, sans-serif}body .button:not(.button-secondary):not(.button-unstyled),body button[name=add],body .add-to-cart-button{background-image:var(--surf-grad)!important;background-size:200% 100%!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 28px -8px #8b5cf6a6;transition:background-position .5s ease,transform .2s ease,box-shadow .3s ease}body .button:not(.button-secondary):not(.button-unstyled):hover,body button[name=add]:hover,body .add-to-cart-button:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 14px 34px -8px #22d3eeb3}body product-card,body .product-card{transition:transform .35s ease,box-shadow .35s ease;border-radius:18px}body product-card:hover,body .product-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px #8b5cf68c}.surf{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,#1b1f5c 0%,transparent 60%),radial-gradient(900px 500px at -10% 30%,#12345a 0%,transparent 55%),var(--surf-bg);color:var(--surf-ink);font-family:var(--surf-font);padding-bottom:64px;isolation:isolate}.surf *{box-sizing:border-box}.surf a{color:inherit;text-decoration:none}.surf-wrap{width:min(1240px,100% - 32px);margin-inline:auto;position:relative;z-index:2}.surf h1,.surf h2,.surf h3{font-family:var(--surf-font);color:var(--surf-ink);margin:0;letter-spacing:-.02em}.surf p{color:var(--surf-mute);margin:0;line-height:1.6;font-size:1.05rem}.surf-aurora span{position:absolute;z-index:0;border-radius:50%;filter:blur(80px);opacity:.55;animation:surf-drift 18s ease-in-out infinite alternate}.surf-aurora span:nth-child(1){width:480px;height:480px;background:var(--surf-violet);top:-120px;right:5%}.surf-aurora span:nth-child(2){width:380px;height:380px;background:var(--surf-cyan);top:260px;left:-120px;animation-delay:-6s}.surf-aurora span:nth-child(3){width:320px;height:320px;background:var(--surf-pink);top:1100px;right:-80px;animation-delay:-12s;opacity:.35}@keyframes surf-drift{to{transform:translate3d(60px,80px,0) scale(1.15)}}.surf-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 0%,transparent 55%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%)}.surf-glass{background:var(--surf-glass);border:1px solid var(--surf-line);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:var(--surf-radius)}.surf-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:72px 0 56px}.surf-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--surf-line);background:#ffffff0f;font-size:.9rem;color:var(--surf-ink)!important}.surf-dot{width:8px;height:8px;border-radius:50%;background:var(--surf-lime);box-shadow:0 0 12px var(--surf-lime);animation:surf-pulse 1.6s infinite}@keyframes surf-pulse{50%{opacity:.35}}.surf-hero__title{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98;margin:22px 0 18px!important;font-weight:700}.surf-line{display:block}.surf-line--2{background:var(--surf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.surf-line--3{color:var(--surf-ink);text-shadow:0 0 30px rgba(244,114,182,.45)}.surf-hero__sub{max-width:540px;font-size:1.15rem!important}.surf-cta{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 34px}.surf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:1.02rem;transition:transform .2s,box-shadow .3s,background-position .5s}.surf-btn--glow{background:var(--surf-grad);background-size:200% 100%;color:#fff!important;box-shadow:0 10px 34px -8px #8b5cf6cc}.surf-btn--glow:hover{background-position:100% 0;transform:translateY(-2px)}.surf-btn--ghost{border:1px solid var(--surf-line);background:#ffffff0a;color:var(--surf-ink)!important}.surf-btn--ghost:hover{border-color:var(--surf-cyan);box-shadow:0 0 0 4px #22d3ee1f}.surf-crowd{display:flex;align-items:center;gap:16px}.surf-crowd__faces{display:flex}.surf-crowd__faces .surf-avatar{width:48px;height:48px;margin-left:-12px;border-radius:50%;box-shadow:0 0 0 3px var(--surf-bg)}.surf-crowd__faces .surf-avatar:first-child{margin-left:0}.surf-crowd p{font-size:.95rem;max-width:300px}.surf-hero__stage{position:relative;min-height:520px}.surf-orb{position:absolute;top:12%;right:14%;bottom:12%;left:14%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 18%),conic-gradient(from 0deg,var(--surf-cyan),var(--surf-violet),var(--surf-pink),var(--surf-cyan));filter:blur(2px);opacity:.55;animation:surf-spin 24s linear infinite}.surf-ring{position:absolute;border:1px dashed rgba(255,255,255,.22);border-radius:50%;animation:surf-spin 40s linear infinite}.surf-ring--1{top:4%;right:4%;bottom:4%;left:4%}.surf-ring--2{top:22%;right:22%;bottom:22%;left:22%;animation-direction:reverse;border-style:solid;border-color:#22d3ee40}@keyframes surf-spin{to{transform:rotate(360deg)}}.surf-float{position:absolute;width:46%;padding:10px;display:block;transition:transform .25s ease;animation:surf-bob 6s ease-in-out infinite;box-shadow:0 30px 60px -30px #000c}.surf-float img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;display:block;background:#fff}.surf-float__meta{display:flex;justify-content:space-between;gap:8px;padding:10px 4px 2px;font-size:.85rem}.surf-float__meta em{font-style:normal;color:var(--surf-cyan);white-space:nowrap}.surf-float--1{top:2%;left:4%}.surf-float--2{top:20%;right:0;animation-delay:-2s}.surf-float--3{bottom:0;left:22%;animation-delay:-4s;width:40%}@keyframes surf-bob{50%{translate:0 -14px}}.surf-bubble{position:absolute;bottom:14%;right:2%;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;max-width:260px;font-size:.9rem;border-radius:999px;animation:surf-bob 7s ease-in-out infinite;animation-delay:-3s}.surf-bubble .surf-avatar{width:42px;height:42px;flex:none}.surf-ticker{position:relative;z-index:2;border-block:1px solid var(--surf-line);background:#ffffff08;overflow:hidden;padding:16px 0}.surf-ticker__track{display:flex;gap:28px;width:max-content;animation:surf-marquee 30s linear infinite;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.surf-ticker__track i{color:var(--surf-pink);font-style:normal}@keyframes surf-marquee{to{transform:translate(-50%)}}.surf-head{text-align:center;max-width:720px;margin:0 auto 36px}.surf-head h2{font-size:clamp(2rem,4.2vw,3.2rem);margin:8px 0 12px!important}.surf-head--row{display:flex;justify-content:space-between;align-items:end;text-align:left;max-width:none;gap:16px}.surf-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem!important;font-weight:700;background:var(--surf-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}.surf-finder,.surf-cats,.surf-trend,.surf-steps{padding-top:88px}.surf-personas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.surf-persona{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;cursor:pointer;color:var(--surf-ink);font-family:var(--surf-font);transition:transform .25s,border-color .25s,box-shadow .25s}.surf-persona .surf-avatar{width:76px;height:76px;transition:transform .3s}.surf-persona:hover{transform:translateY(-4px)}.surf-persona:hover .surf-avatar{transform:scale(1.06) rotate(-3deg)}.surf-persona.is-active{border-color:var(--surf-cyan);box-shadow:0 0 0 1px var(--surf-cyan),0 18px 40px -18px var(--surf-cyan);background:#22d3ee14}.surf-persona__name{font-weight:700;font-size:1.05rem}.surf-persona__hint{font-size:.8rem;color:var(--surf-mute);text-align:center}.surf-scan{height:34px;margin:22px 0 14px;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0}.surf-scan__bar{width:120px;height:3px;border-radius:3px;background:var(--surf-grad);background-size:200% 100%}.surf-scan.is-scanning{animation:surf-fadeout .9s ease forwards}.surf-scan.is-scanning .surf-scan__bar{animation:surf-load .65s linear infinite}@keyframes surf-load{to{background-position:200% 0}}@keyframes surf-fadeout{0%,70%{opacity:1}to{opacity:0}}.surf-panel{display:none}.surf-panel.is-active{display:block;animation:surf-rise .5s ease both}@keyframes surf-rise{0%{opacity:0;transform:translateY(16px)}}.surf-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.surf-more{margin:26px auto 0;display:flex;width:max-content}.surf-card{display:flex;flex-direction:column;overflow:hidden;padding:10px;transition:transform .25s ease,box-shadow .3s,border-color .3s}.surf-card:hover{border-color:#22d3ee99;box-shadow:0 24px 50px -24px #22d3ee99}.surf-card__media{position:relative;display:block;border-radius:16px;overflow:hidden;background:#fff;aspect-ratio:1}.surf-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.surf-card:hover .surf-card__media img{transform:scale(1.07)}.surf-card__badge{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:#070b1ac7;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.surf-card__body{display:flex;flex-direction:column;gap:6px;padding:12px 6px 6px}.surf-card__title{font-weight:600;font-size:1rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.surf-card__price{color:var(--surf-cyan);font-weight:700;font-size:1.05rem}.surf-card__price s{color:var(--surf-mute);font-weight:400;margin-left:8px;font-size:.9rem}.surf-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px}.surf-tile{position:relative;border-radius:var(--surf-radius);overflow:hidden;border:1px solid var(--surf-line);display:block;background:#111}.surf-tile--lg{grid-column:span 2;grid-row:span 2}.surf-tile--wide{grid-column:span 2}.surf-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.surf-tile__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(7,11,26,.92))}.surf-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 0 var(--tile-accent);transition:box-shadow .35s}.surf-tile:hover:after{box-shadow:inset 0 0 0 2px var(--tile-accent),inset 0 0 60px -10px var(--tile-accent)}.surf-tile:hover img{transform:scale(1.08)}.surf-tile__label{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:4px}.surf-tile__label small{color:var(--tile-accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.surf-tile__label strong{font-size:1.35rem;line-height:1.15}.surf-tile--lg .surf-tile__label strong{font-size:2rem}.surf-tile__label em{font-style:normal;color:var(--surf-mute);font-size:.9rem;opacity:0;transform:translateY(6px);transition:.3s}.surf-tile:hover .surf-tile__label em{opacity:1;transform:none}.surf-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,22%);gap:18px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--surf-violet) transparent}.surf-rail .surf-card{scroll-snap-align:start}.surf-steps__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.surf-steps__list li{padding:28px}.surf-steps__n{font-size:2.6rem;font-weight:700;background:var(--surf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.surf-steps__list h3{font-size:1.5rem;margin:6px 0 8px!important}.surf-trust{padding-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.surf-trust>div{display:flex;align-items:center;gap:14px;padding:18px 20px;font-size:.95rem;color:var(--surf-ink)}.surf-trust b{font-size:1.6rem}.surf-perks{background:var(--surf-bg);color:var(--surf-ink);font-family:var(--surf-font);padding:28px 0;position:relative;overflow:hidden}.surf-perks:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 200px at 20% 0,rgba(139,92,246,.35),transparent),radial-gradient(600px 200px at 90% 100%,rgba(34,211,238,.3),transparent)}.surf-perks__row{position:relative;width:min(1240px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.surf-perks__item{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--surf-line);background:#ffffff0f}.surf-perks__item .surf-avatar{width:40px;height:40px;flex:none}.surf-perks__item strong{display:block;font-size:.95rem}.surf-perks__item span{font-size:.82rem;color:var(--surf-mute)}@media(max-width:989px){.surf-hero{grid-template-columns:1fr;padding-top:44px;gap:24px}.surf-hero__stage{min-height:400px}.surf-personas{grid-template-columns:repeat(3,minmax(0,1fr))}.surf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.surf-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.surf-rail{grid-auto-columns:minmax(200px,44%)}.surf-steps__list,.surf-trust,.surf-perks__row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.surf-hero__stage{min-height:340px}.surf-float{width:52%}.surf-bubble{display:none}.surf-personas{grid-template-columns:repeat(2,minmax(0,1fr))}.surf-persona .surf-avatar{width:64px;height:64px}.surf-tile--lg{grid-column:span 2;grid-row:span 1}.surf-steps__list,.surf-trust{grid-template-columns:1fr}.surf-head--row{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){.surf *,.surf *:before,.surf *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/surf-future.css.map */