@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f8f5ee;background:#172725;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#172725;--paper:#f8f5ee;--lime:#d9ee68;--coral:#f27b67;--orange:#e99752;--line:rgba(23,39,37,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;cursor:pointer}#app{min-height:100vh}.site-shell{overflow:hidden;background:var(--paper);color:var(--ink)}.site-header{height:88px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:15px;letter-spacing:-.02em}.logo-mark{width:29px;height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.logo-mark i{display:block;height:5px;border-radius:8px;background:var(--paper)}.logo-mark i:nth-child(1){width:27px}.logo-mark i:nth-child(2){width:20px}.logo-mark i:nth-child(3){width:13px}.logo-mark-dark i{background:var(--ink)}.brand-dark{color:var(--ink)}.main-nav{display:flex;gap:30px;margin-left:65px}.main-nav a,.text-link{font-size:13px;color:#d8ded9;transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:999px;padding:15px 22px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 18px #13211e22}.button span{font-size:17px;font-weight:400}.button-small{padding:11px 18px}.button-light{background:var(--lime);color:var(--ink)}.button-primary{background:var(--coral);color:var(--ink)}.button-dark{background:var(--ink);color:var(--paper)}.button-full{width:100%;border-radius:10px;padding:16px}.section-pad{padding-left:8.5vw;padding-right:8.5vw}.hero{min-height:655px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:49% 51%;padding-top:75px;position:relative}.hero-copy{padding-top:22px;position:relative;z-index:2}.eyebrow{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin:0 0 22px;color:#728c7e}.hero .eyebrow{color:#b4c3b5}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin:0 9px 1px 0}.hero h1,.category-copy h1{font-size:clamp(54px,6.3vw,92px);line-height:.92;letter-spacing:-.07em;margin:0 0 27px;font-weight:600}.hero h1 em,.section-heading h2 em,.bill h2 em,.final-cta h2 em,.auth-art h1 em,.privacy-intro h1 em,.category-copy h1 em{font-family:Playfair Display,serif;font-weight:600}.hero-lede{max-width:380px;color:#b6c0b9;line-height:1.65;font-size:15px;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:24px}.quiet-link{font-size:12px;color:#d8ded9}.quiet-link span{font-size:18px;padding-left:7px}.trust-row{display:flex;gap:12px;align-items:center;color:#94a49a;font-family:DM Mono,monospace;font-size:9px;margin-top:90px}.trust-line{width:35px;height:1px;background:#51645b}.avatar-stack{display:flex;margin-right:2px}.avatar-stack i{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);margin-left:-6px;background:#dc765e}.avatar-stack i:first-child{margin-left:0;background:#8eae91}.avatar-stack i:last-child{background:#e7ac70}.hero-art{position:relative;min-height:500px}.phone-visual{position:absolute;width:235px;height:470px;right:23%;top:-2px;border-radius:31px;background:#de6e5e;padding:10px;transform:rotate(8deg);box-shadow:20px 29px #0f1d1b88;z-index:2}.phone-screen{background:#e9ecda;border-radius:22px;height:100%;padding:23px 19px;color:var(--ink);overflow:hidden}.screen-top,.screen-player{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:8px}.screen-title{font-size:29px;line-height:.92;letter-spacing:-.07em;margin-top:55px}.screen-title b{font-family:Playfair Display,serif;font-style:italic;font-weight:600}.screen-image{height:170px;background:url(https://images.pexels.com/photos/164853/pexels-photo-164853.jpeg?auto=compress&cs=tinysrgb&w=500) center/cover;border-radius:8px;margin-top:19px;filter:saturate(.7)}.screen-player{margin-top:14px;align-items:center}.screen-player strong{font-family:DM Sans;font-size:10px}.screen-bars{height:32px;display:flex;align-items:center;gap:3px;margin-top:8px}.screen-bars i{display:block;width:4px;border-radius:3px;background:var(--coral)}.screen-bars i:nth-child(1){height:12px}.screen-bars i:nth-child(2){height:20px}.screen-bars i:nth-child(3){height:27px}.screen-bars i:nth-child(4){height:15px}.screen-bars i:nth-child(5){height:23px}.screen-bars i:nth-child(6){height:9px}.screen-bars i:nth-child(7){height:19px}.art-orbit{position:absolute;border:1px solid #536a5e;border-radius:50%;width:500px;height:300px;right:-5%;top:86px;transform:rotate(-28deg)}.orbit-two{width:410px;height:245px;right:8%;top:115px;border-color:#5b7866}.art-card{position:absolute;background:var(--lime);color:var(--ink);font-size:13px;line-height:1.08;padding:17px 18px;z-index:3;box-shadow:7px 9px #101e1c88}.art-label{right:3%;top:32px;transform:rotate(5deg)}.label-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-bottom:13px}.art-note{left:4%;bottom:40px;background:#f3b67d;transform:rotate(-8deg);display:flex;gap:10px;align-items:flex-start}.art-note span{font-size:18px}.hero-scribble{position:absolute;right:0;bottom:28px;color:var(--coral);font-family:Playfair Display,serif;font-size:28px;line-height:.9;transform:rotate(-8deg);text-align:right}.hero-scribble i{font-size:44px}.marquee{background:var(--lime);color:var(--ink);height:55px;display:flex;align-items:center;overflow:hidden}.marquee div{white-space:nowrap;display:flex;align-items:center;gap:28px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;animation:slide 24s linear infinite}.marquee b{font-size:16px;color:var(--coral)}@keyframes slide{to{transform:translate(-30%)}}.collections{padding-top:116px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2,.bill h2,.final-cta h2{font-size:clamp(45px,5vw,70px);line-height:.94;letter-spacing:-.07em;margin:0}.section-heading>p{font-size:14px;line-height:1.45;color:#617269;margin:0 10% 5px 0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{height:365px;border-radius:3px;position:relative;padding:20px;overflow:hidden;transition:transform .3s}.category-card:hover{transform:translateY(-8px)}.card-music{background:#f5b09c}.card-video{background:#b8d5d1}.card-sports{background:#c2dc72}.card-games{background:#efc080}.card-audio{background:#d7d3ba}.card-number{font-family:DM Mono,monospace;font-size:10px}.card-arrow{position:absolute;right:20px;top:16px;font-size:23px}.card-content{position:absolute;bottom:21px}.card-content p{font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase;opacity:.65;margin:0 0 9px}.card-content h3{font-size:20px;letter-spacing:-.04em;margin:0 0 18px}.card-content span{font-size:11px;font-weight:600}.card-content b{font-size:16px;margin-left:9px}.card-illustration{height:180px;display:flex;align-items:center;justify-content:center}.music-disc,.play-triangle,.sport-ball,.game-shapes,.audio-mark{display:flex;align-items:center;justify-content:center;font-size:70px;color:#f9e3d4;opacity:.9}.music-disc{width:112px;height:112px;border-radius:50%;background:var(--ink);font-family:serif}.play-triangle{font-size:68px;width:120px;height:82px;background:#e4f0e8;color:#6fa29d;clip-path:polygon(0 0,100% 50%,0 100%)}.sport-ball{font-size:112px;color:#ebf2c4}.game-shapes{font-size:108px;color:#ec815f;transform:rotate(13deg)}.game-shapes small{font-size:55px;margin:-50px 0 0 -12px}.audio-mark{font-size:135px;color:#8a9f91}.bill{background:#e8ddc9;min-height:530px;display:grid;grid-template-columns:48% 52%;padding-top:86px;padding-bottom:80px}.bill-copy{max-width:430px}.bill-copy h2{margin-bottom:26px}.bill-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#596d62;margin-bottom:30px}.bill-art{position:relative;min-height:340px}.bill-circle{position:absolute;width:290px;height:290px;border-radius:50%;background:var(--coral);right:17%;top:8px;display:flex;align-items:center;justify-content:center;transform:rotate(-9deg)}.bill-circle span{font-size:78px;letter-spacing:-.12em;font-weight:700;color:#f9c9a6}.bill-receipt{position:absolute;background:var(--paper);padding:19px 23px;display:flex;flex-direction:column;gap:7px;right:2%;top:90px;transform:rotate(8deg);width:195px;box-shadow:8px 10px #17272520}.bill-receipt small{font-family:DM Mono;font-size:8px}.bill-receipt strong{font-size:20px}.bill-receipt span{font-size:9px;color:#708077}.bill-receipt b{font-size:24px;color:#76966f;margin-top:12px}.bill-sticker{position:absolute;left:12%;bottom:8px;color:var(--coral);font-family:Playfair Display;font-size:27px;transform:rotate(-12deg)}.final-cta{background:var(--ink);color:var(--paper);padding:110px 8.5vw 120px}.cta-inner{text-align:center}.final-cta .eyebrow{color:#9bad9f}.final-cta h2{margin-bottom:34px}.site-footer{background:#111e1d;color:#a5b5aa;padding:28px 5.5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}.site-footer .brand{color:var(--paper)}.site-footer>div{display:flex;gap:22px}.site-footer a:hover{color:var(--lime)}.category-page{background:var(--paper);min-height:calc(100vh - 88px)}.category-hero{min-height:570px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:80px;padding-bottom:80px}.category-copy{padding-top:30px}.category-copy .eyebrow{color:#b4c3b5}.category-copy h1{max-width:570px}.category-copy>p:not(.eyebrow){color:#b4c0b8;line-height:1.6;max-width:410px;margin:0 0 32px}.category-photo{min-height:410px;background-position:center;background-size:cover;position:relative;filter:saturate(.7)}.photo-tag{position:absolute;bottom:18px;left:18px;background:var(--lime);color:var(--ink);padding:14px 17px;font-family:DM Mono;font-size:10px}.photo-tag span{padding-left:20px;font-size:16px}.category-picks{padding-top:90px;padding-bottom:110px}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pick-grid a{min-height:155px;background:#e8e4d7;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s,transform .2s}.pick-grid a:hover{background:var(--lime);transform:translateY(-4px)}.pick-grid span{font-family:DM Mono;font-size:10px}.pick-grid strong{font-size:24px;letter-spacing:-.05em}.pick-grid b{font-size:19px;align-self:flex-end}.accent-coral .category-copy h1 em{color:var(--coral)}.accent-blue .category-copy h1 em{color:#8fc4c1}.accent-green .category-copy h1 em{color:var(--lime)}.accent-orange .category-copy h1 em{color:#f1b978}.accent-purple .category-copy h1 em{color:#d5cfa5}.auth-page{min-height:100vh;display:grid;grid-template-columns:48% 52%;background:var(--paper)}.auth-art{background:var(--coral);padding:34px 6vw;position:relative;overflow:hidden}.auth-art-copy{position:relative;z-index:2;margin-top:26vh;max-width:420px}.auth-art h1{font-size:clamp(48px,5vw,75px);line-height:.94;letter-spacing:-.07em;margin:0 0 25px}.auth-art-copy>p:last-child{line-height:1.6;max-width:310px}.auth-art-shape{position:absolute;width:430px;height:430px;background:#edaa73;border-radius:50%;right:-100px;bottom:-100px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:100%;max-width:405px}.auth-form h2{font-size:44px;line-height:.95;letter-spacing:-.07em;margin:0 0 14px}.form-intro{color:#718078;font-size:14px;margin:0 0 31px}.auth-form label{display:block;font-family:DM Mono;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px}.auth-form input{width:100%;border:1px solid #ccd3ca;background:transparent;border-radius:8px;padding:15px;margin-top:8px;color:var(--ink);outline:none}.auth-form input:focus{border-color:var(--coral)}.form-notice{background:#e6f0bf;padding:12px;border-radius:7px;font-size:12px;margin-bottom:15px}.switch-auth{text-align:center;font-size:13px;color:#718078;margin:25px 0 0}.switch-auth a,.terms a{color:var(--ink);font-weight:700;text-decoration:underline}.terms{text-align:center;color:#87938c;font-size:10px;margin-top:70px}.mobile-brand{display:none}.privacy-page{display:grid;grid-template-columns:35% 65%;gap:7%;padding-top:95px;padding-bottom:110px}.privacy-intro{position:sticky;top:30px;height:max-content}.privacy-intro h1{font-size:clamp(54px,6vw,86px);line-height:.9;letter-spacing:-.08em;margin:0 0 25px}.privacy-intro>p:last-child{font-family:DM Mono;font-size:10px;color:#718078}.privacy-content{max-width:700px;padding-top:8px}.privacy-content>p,.privacy-content address{font-size:15px;line-height:1.75;color:#52645b;margin:0 0 24px}.privacy-content address{font-style:normal;background:#e8e4d7;padding:22px 25px;margin:28px 0 48px}.privacy-content h2{font-size:25px;letter-spacing:-.05em;margin:42px 0 12px}.menu-toggle{display:none}@media (max-width:900px){.main-nav{gap:15px;margin-left:15px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card{height:300px}.category-grid .category-card:nth-child(4),.category-grid .category-card:nth-child(5){grid-column:span 1}.card-illustration{height:120px}.phone-visual{right:10%}.hero-art{transform:scale(.9);transform-origin:top left}.privacy-page{grid-template-columns:1fr 1.5fr;gap:5%}}@media (max-width:680px){.site-header{height:72px;padding:0 22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;padding:8px;position:absolute;right:18px;top:19px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--paper)}.main-nav,.header-actions{display:none}.site-header.is-menu-open{height:auto;min-height:72px;align-items:flex-start;padding-top:22px;padding-bottom:22px}.is-menu-open .main-nav{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:14px 22px 25px;gap:19px}.is-menu-open .header-actions{display:flex;position:absolute;top:254px;left:0;right:0;background:var(--ink);padding:0 22px 25px;justify-content:flex-start}.section-pad{padding-left:22px;padding-right:22px}.hero{display:block;min-height:850px;padding-top:52px}.hero h1{font-size:58px}.hero-lede{font-size:14px;max-width:330px}.trust-row{margin-top:52px;flex-wrap:wrap}.hero-art{height:400px;transform:scale(.72);transform-origin:top left;margin-top:28px;width:140%;margin-left:0}.phone-visual{right:14%;top:0}.marquee{height:48px}.collections{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin:23px 0 0}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{height:285px;padding:15px}.card-number,.card-arrow{font-size:10px}.card-arrow{right:14px;top:11px}.card-illustration{height:115px}.music-disc{width:78px;height:78px;font-size:49px}.play-triangle{width:85px;height:60px;font-size:45px}.sport-ball{font-size:80px}.game-shapes{font-size:78px}.audio-mark{font-size:90px}.card-content h3{font-size:16px}.bill{display:block;padding-top:75px;padding-bottom:45px}.bill-art{height:300px;min-height:0}.bill-circle{width:220px;height:220px;right:18%;top:45px}.bill-circle span{font-size:60px}.bill-receipt{top:102px;right:2%;width:165px}.bill-sticker{left:3%;bottom:0}.final-cta{padding:80px 22px 90px}.site-footer{padding:24px 22px;flex-wrap:wrap;gap:15px}.site-footer>span{order:3;width:100%}.category-hero{display:block;padding-top:58px;padding-bottom:55px}.category-copy{padding-top:0}.category-copy h1{font-size:58px}.category-photo{min-height:300px;margin-top:45px}.category-picks{padding-top:65px;padding-bottom:75px}.pick-grid{grid-template-columns:1fr}.pick-grid a{min-height:125px}.auth-page{display:block}.auth-art{min-height:330px;padding:24px 22px}.auth-art-copy{margin-top:85px}.auth-art h1{font-size:52px}.auth-art-shape{width:220px;height:220px;right:-65px;bottom:-90px}.auth-panel{padding:47px 22px 60px}.mobile-brand{display:flex;margin-bottom:45px}.auth-panel .auth-form{max-width:none}.auth-form h2{font-size:39px}.terms{margin-top:45px}.privacy-page{display:block;padding-top:65px;padding-bottom:75px}.privacy-intro{position:static;margin-bottom:55px}.privacy-intro h1{font-size:61px}.privacy-content>p,.privacy-content address{font-size:14px}.privacy-content h2{font-size:23px;margin-top:38px}}
