@property --a{syntax: '<angle>';initial-value: 0deg;inherits: false;}:root{--ground: #060607;--raised: #0f0f11;--ink: #f5f5f2;--muted: #a3a3aa;--yellow: #fffa1f;--blue: #33b5ff;--red: #ff4f6b;--pink: #ff8fc7;--line: rgba(255,255,255,0.08);--round: 24px;}*,*::before,*::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}body{margin: 0;background: var(--ground);color: var(--ink);font-family: 'Manrope',system-ui,sans-serif;font-weight: 400;font-size: clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height: 1.6;overflow-x: clip;position: relative;}body::before{content: '';position: fixed;inset: 0;pointer-events: none;z-index: 50;opacity: 0.04;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");}a{color: inherit;}h1,h2{font-family: 'Urbanist',system-ui,sans-serif;font-weight: 800;letter-spacing: -0.02em;margin: 0;}.hero{min-height: 100dvh;padding: max(1rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) 2rem max(1.25rem,env(safe-area-inset-left));display: grid;grid-template-rows: auto 1fr;max-width: 76rem;margin: 0 auto;overflow-x: clip;}.brand{display: flex;align-items: center;gap: 0.75rem;text-decoration: none;}.brand img{width: clamp(56px,9vw,160px);height: auto;aspect-ratio: 1;border-radius: 22%;display: block;}.brand span{font-family: 'Urbanist',system-ui,sans-serif;font-weight: 800;font-size: clamp(1.1rem,1rem + 0.5vw,1.5rem);}.stage{display: grid;gap: clamp(1.25rem,4vw,5rem);align-content: center;padding-top: clamp(0.75rem,3vw,2rem);}.copy{position: relative;max-width: 34rem;}.copy::before{content: '';position: absolute;inset: -25% 0 -10% 0;background: radial-gradient(closest-side,rgba(255,250,31,0.13),transparent);pointer-events: none;z-index: -1;}h1{font-size: clamp(2rem,1.4rem + 3.2vw,4.25rem);line-height: 1.04;color: var(--ink);}h1 em{font-style: normal;color: var(--yellow);}.lead{color: var(--muted);margin: 1rem 0 1.5rem;max-width: 30rem;}.cta{display: inline-flex;align-items: center;justify-content: center;min-height: 56px;padding: 0 1.75rem;border-radius: 999px;background: var(--yellow);color: #0a0a0a;font-weight: 600;font-size: 1.0625rem;text-decoration: none;-webkit-tap-highlight-color: transparent;transition: transform 0.15s ease;}.cta:active{transform: scale(0.97);}.cta:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px;}@media (hover: hover){.cta:hover{transform: translateY(-2px);}}.under{color: var(--muted);font-size: 0.875rem;margin: 0.75rem 0 0;}.tag{-webkit-tap-highlight-color: transparent;appearance: none;font: inherit;color: inherit;cursor: pointer;width: 100%;max-width: 30rem;display: grid;grid-template-columns: auto 1fr;align-items: center;gap: clamp(1rem,3vw,2rem);padding: clamp(1rem,3vw,2.25rem);text-align: left;border: 1px solid transparent;border-radius: var(--round);background: linear-gradient(var(--raised),var(--raised)) padding-box,conic-gradient(from var(--a),var(--line) 70%,rgba(255,250,31,0.6),var(--line)) border-box;animation: sweep 7s linear infinite;}.tag:focus-visible{outline: 3px solid var(--blue);outline-offset: 4px;}@keyframes sweep{to{--a: 360deg;}}.hearts{position: relative;width: clamp(76px,16vw,190px);aspect-ratio: 100 / 94;}.hearts svg{position: absolute;inset: 0;width: 100%;height: 100%;transition: transform 0.35s cubic-bezier(.3,1.6,.5,1),opacity 0.3s ease;}.hearts .h2{transform: translate(38%,30%) scale(0.5);opacity: 0;}.hearts path{transition: fill 0.3s ease;}.tag[data-tier="2"] .hearts .h2{opacity: 1;}.tag.beat .hearts .h1s{transform: scale(1.1);}.who{display: grid;gap: 0.6rem;min-width: 0;}.pill{display: flex;align-items: center;gap: 0.6rem;padding: 0.4rem 0.9rem 0.4rem 0.4rem;border-radius: 999px;background: rgba(255,255,255,0.06);}.pill i{width: 30px;height: 30px;border-radius: 50%;border: 2px solid var(--blue);flex: none;background: radial-gradient(circle at 50% 38%,#3a3a40 30%,transparent 32%),radial-gradient(circle at 50% 100%,#3a3a40 45%,#1a1a1d 46%);}.pill span{display: block;height: 10px;border-radius: 6px;background: rgba(255,255,255,0.22);flex: 1;min-width: 3rem;}.tierline{font-weight: 600;font-size: clamp(0.95rem,0.9rem + 0.4vw,1.25rem);line-height: 1.3;}.tierhint{color: var(--muted);font-size: 0.8125rem;}.spots{display: flex;gap: 6px;}.spots i{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.16);}.spots i:first-child{background: var(--yellow);}@media (max-width: 559px){.hero{min-height: 0;}.stage{align-content: start;padding-top: 1.75rem;gap: 2.5rem;}.chat{padding-top: 6rem;}.tag{padding: 0.9rem 1rem;}.tierhint,.spots{display: none;}}@media (min-width: 900px){.stage{grid-template-columns: 1fr 1fr;align-items: center;}.tag{justify-self: start;grid-template-columns: 1fr;justify-items: start;}.stage .copy{order: 2;}}.chat{max-width: 38rem;margin: 0 auto;padding: clamp(5rem,12vw,10rem) 1.25rem clamp(5rem,10vw,8rem);}.chat h2{font-size: clamp(1.5rem,1.2rem + 1.5vw,2.25rem);margin-bottom: clamp(3rem,8vw,5rem);}.chat h2 small{display: block;font-family: 'Manrope',system-ui,sans-serif;font-weight: 600;font-size: 0.8125rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);margin-bottom: 0.5rem;}.msg{margin: 0 0 clamp(2.5rem,6vw,3.75rem);}.msg .from{display: block;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 0.4rem;}.msg p{margin: 0;padding-left: 0.9rem;border-left: 2px solid;}.msg.me .from{color: var(--red);}.msg.me p{border-color: var(--red);}.msg.snx .from{color: var(--blue);}.msg.snx p,.msg.snx .card{border-color: var(--blue);}.msg.snx .card{padding-left: 0.9rem;border-left: 2px solid var(--blue);}.msg.snx .card p{border: 0;padding: 0;}.src{display: inline-flex;align-items: center;justify-content: center;width: 1.4rem;height: 1.4rem;margin-left: 0.25rem;border-radius: 50%;border: 1px solid var(--line);color: var(--blue);text-decoration: none;font-size: 0.8rem;vertical-align: 0.1em;}.src:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px;}.mode{display: flex;gap: 0.5rem;margin: 0 0 1rem;}.mode input{position: absolute;opacity: 0;pointer-events: none;}.mode label{min-height: 44px;display: inline-flex;align-items: center;padding: 0 1.1rem;border-radius: 999px;border: 1px solid rgba(255,255,255,0.18);cursor: pointer;font-weight: 600;font-size: 0.9375rem;-webkit-tap-highlight-color: transparent;}.mode input:checked + label{background: var(--blue);border-color: var(--blue);color: #04121c;}.mode input:focus-visible + label{outline: 2px solid var(--yellow);outline-offset: 2px;}.explain .detailed{display: none;}.explain:has(#m-detailed:checked) .simple{display: none;}.explain:has(#m-detailed:checked) .detailed{display: block;}.typing{display: flex;gap: 5px;padding-left: 0.9rem;border-left: 2px solid var(--blue);margin-bottom: 1.25rem;}.typing i{width: 7px;height: 7px;border-radius: 50%;background: var(--blue);animation: dot 1.2s ease-in-out infinite;}.typing i:nth-child(2){animation-delay: 0.15s;}.typing i:nth-child(3){animation-delay: 0.3s;}@keyframes dot{0%,60%,100%{opacity: 0.3;transform: translateY(0);}30%{opacity: 1;transform: translateY(-3px);}}.howto{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem 0.75rem;padding-left: 0.9rem;border-left: 2px solid var(--blue);font-family: 'Urbanist',system-ui,sans-serif;font-weight: 800;font-size: clamp(1.25rem,1.1rem + 0.8vw,1.75rem);}.howto .arr{color: var(--muted);}.howto .cta{font-family: 'Manrope',system-ui,sans-serif;font-size: 1.0625rem;}footer{margin-top: 3rem;border-top: 1px solid var(--line);padding-bottom: max(2rem,env(safe-area-inset-bottom));}.strip{overflow: hidden;border-bottom: 1px solid var(--line);padding: 0.6rem 0;color: var(--muted);font-size: 0.8125rem;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap;}.strip div{display: inline-flex;gap: 2rem;animation: roll 40s linear infinite;padding-right: 2rem;}.strip span{flex: none;}@keyframes roll{to{transform: translateX(-50%);}}.foot{max-width: 76rem;margin: 0 auto;padding: 2.5rem 1.25rem 0;display: grid;gap: 1.75rem;}.foot h2{font-size: 1rem;margin-bottom: 0.5rem;}.foot ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.25rem;}.foot li a{display: inline-flex;align-items: center;min-height: 44px;color: var(--ink);text-decoration-color: rgba(255,255,255,0.3);text-underline-offset: 3px;}.legal{display: flex;gap: 1.5rem;}.legal a{min-height: 44px;display: inline-flex;align-items: center;color: var(--muted);}.mark{color: var(--muted);font-size: 0.875rem;margin: 0;}@media (min-width: 900px){.foot{grid-template-columns: 1fr auto;align-items: end;}}.veil{position: fixed;inset: 0;background: rgba(0,0,0,0.6);z-index: 60;opacity: 0;transition: opacity 0.25s ease;}.drawer{position: fixed;top: 0;right: 0;bottom: 0;width: min(100%,30rem);background: #111114;border-left: 1px solid var(--line);z-index: 61;transform: translateX(100%);transition: transform 0.3s ease;display: flex;}.drawer .scroll{overflow-y: auto;padding: 4rem 1.5rem 3rem;overscroll-behavior: contain;}.drawer h2{font-size: 1.5rem;margin: 0 0 1rem;}.drawer section + section{margin-top: 2.5rem;}.drawer p{color: #c9c9cf;margin: 0 0 0.9rem;}.x{position: absolute;top: 0.75rem;left: 0.75rem;width: 44px;height: 44px;border-radius: 50%;background: #1d1d22;border: 1px solid rgba(255,255,255,0.2);color: var(--ink);font-size: 1.25rem;cursor: pointer;display: grid;place-items: center;-webkit-tap-highlight-color: transparent;}.x:focus-visible{outline: 2px solid var(--yellow);outline-offset: 2px;}.drawer[hidden],.veil[hidden]{display: none;}.legal-open .veil{opacity: 1;}.legal-open .drawer{transform: translateX(0);}@media (min-width: 600px){.x{left: -22px;top: 1.25rem;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.tag,.strip div,.typing i{animation: none;}.hearts svg,.cta,.drawer,.veil{transition: none;}}