:root{color-scheme:dark;--pink:#ff8fb7;--red:#df244f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}.landing-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;position:relative;z-index:2;background:#000}.landing-header img{display:block;width:190px;height:auto}.landing-header nav{display:flex;align-items:center;gap:26px}.landing-header nav>a{text-decoration:none;font-weight:700;font-size:14px}.join{display:inline-flex;background:var(--red);border-radius:12px;padding:15px 23px;text-decoration:none;font-weight:700;transition:background .15s}.join:hover{background:#f43564}.landing-header .join{padding:13px 20px}.landing-hero{position:relative;min-height:calc(100svh - 76px);display:flex;align-items:center;isolation:isolate;overflow:hidden}.stage{position:absolute;inset:0 0 0 43%;z-index:-1}.stage img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:70% 40%}.stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#0005 18%,transparent 45%),linear-gradient(0deg,#0007,transparent 35%)}.hero-content{width:100%;max-width:1280px;margin:0 auto;padding:95px 0 65px}.hero-content h1{font-size:clamp(44px,3.5vw,68px);line-height:1.19;letter-spacing:-1.7px;font-weight:600;margin:0 0 57px;max-width:800px}.intro{font-size:25px;font-weight:600;margin:0 0 28px}.hero-content ul{padding:0;margin:0 0 48px;list-style:none;display:grid;gap:15px;font-size:24px;font-weight:500}.hero-content li{display:flex;align-items:center;gap:12px}.hero-content li:before{content:'✓';width:21px;height:21px;border:2px solid var(--pink);color:var(--pink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.hero-join{font-size:22px;padding:17px 25px}.hero-links{display:grid;gap:22px;margin-top:48px;max-width:480px}.hero-links a{font-size:23px;text-underline-offset:4px;line-height:1.4;width:fit-content}.hero-links span{display:inline-block;font-size:35px;line-height:20px;vertical-align:middle;margin-left:14px}.hero-links .pink-link{color:var(--pink)}.features{max-width:1280px;margin:auto;padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #302028}.kicker{font-size:11px;letter-spacing:2px;color:var(--pink);font-weight:bold}.section-intro h2,.closing h2{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-1px}.section-intro>p:last-child{font-size:18px;color:#b9a8af;line-height:1.8;max-width:400px}.feature-rows article{display:flex;gap:25px;padding:30px 0;border-bottom:1px solid #38202b}.feature-rows article:first-child{padding-top:0}.number{color:var(--pink);font-size:13px;padding-top:7px}.feature-rows h3{font-size:25px;font-weight:500;margin:0}.feature-rows p{color:#b9a8af;line-height:1.8;font-size:16px}.feature-rows a{color:var(--pink);text-decoration:none;font-size:14px}.closing{text-align:center;background:linear-gradient(120deg,#270814,#5d102c);padding:85px 20px}.closing h2{margin:25px 0 35px}.closing .join{font-size:18px}footer{max-width:1280px;margin:auto;display:flex;gap:30px;align-items:center;justify-content:space-between;padding:35px 0;font-size:12px;color:#b9a8af}footer a{text-decoration:none}footer>a:first-child{font-size:20px;color:var(--pink);font-weight:bold}@media(min-width:1700px){.hero-content{padding-top:130px}.stage:after{background:linear-gradient(90deg,#0002,transparent 55%),linear-gradient(0deg,#0005,transparent 40%)}}@media(max-width:1450px){.hero-content,.features,footer{max-width:1100px}.hero-content{padding-left:40px;padding-right:40px}.features{padding:90px 40px;gap:60px}footer{padding:35px 40px}.hero-content h1{font-size:54px}.hero-content ul{font-size:21px}.hero-links a{font-size:20px}}@media(max-width:900px){.hero-content{padding:65px 32px}.hero-content h1{font-size:48px;max-width:650px}.stage{left:30%;opacity:.65}.stage:after{background:linear-gradient(90deg,#000 0%,#0006 50%,#0003)}.hero-content ul{font-size:20px}.features{grid-template-columns:1fr;gap:45px}.section-intro>p:last-child{max-width:600px}}@media(max-width:600px){.landing-header{height:70px;padding:10px 16px}.landing-header img{width:130px}.landing-header nav{gap:15px}.landing-header nav>a{font-size:12px}.landing-header .join{padding:12px 13px;border-radius:8px}.landing-hero{min-height:760px;align-items:flex-end}.stage{left:0;height:100%;opacity:.8}.stage img{object-position:65% top}.stage:after{background:linear-gradient(0deg,#000 0%,#000d 35%,#0006 70%,#0003)}.hero-content{padding:100px 24px 45px}.hero-content h1{font-size:40px;letter-spacing:-1px;line-height:1.15;margin-bottom:35px}.intro{font-size:20px;margin-bottom:20px}.hero-content ul{font-size:17px;gap:14px;margin-bottom:32px}.hero-join{font-size:18px;border-radius:9px;padding:15px 22px}.hero-links{gap:17px;margin-top:30px}.hero-links a{font-size:17px}.features{padding:65px 24px}.section-intro h2,.closing h2{font-size:34px}.feature-rows article{gap:18px}.feature-rows h3{font-size:22px}.closing{padding:65px 24px}footer{padding:30px 24px;flex-wrap:wrap;gap:20px}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.join{transition:none}}

/* TuneFollow's shared white, gray, red and pink theme. */
:root{color-scheme:light;--red:#ce174d;--pink:#b71a50}body{background:#f4f6f8;color:#24272b}.landing-header{background:#fff}.landing-hero{background:#fff}.stage{z-index:0}.hero-content{position:relative;z-index:1}.stage:after{background:linear-gradient(90deg,#fff 0%,#ffffffbb 18%,transparent 55%)}.join{color:#fff}.features{border-color:#e5e8ed}.section-intro>p:last-child,.feature-rows p{color:#666b74}.feature-rows article{border-color:#e5e8ed}.closing{background:#f9dfe9;color:#24272b}footer{color:#666b74}.hero-links .pink-link,.kicker{color:var(--pink)}@media(min-width:1700px){.stage:after{background:linear-gradient(90deg,#fff 0%,#ffffffaa 12%,transparent 45%)}}@media(max-width:900px){.stage{opacity:.65}.stage:after{background:linear-gradient(90deg,#fff 0%,#ffffffaa 55%,#ffffff22)}}@media(max-width:600px){.stage{opacity:.65}.stage:after{background:linear-gradient(0deg,#fff 0%,#fffffff2 45%,#ffffff77 80%,#ffffff33)}}
