:root{--cream:#f7f1e3;--sand:#efe5cf;--paper:#fffdf6;--ink:#17150f;--ink-2:#36322b;--muted:#4f4a41;--line:#17150f1f;--accent:#ffc20a;--on-accent:#1a1400;--sticker:#ff6b3d;--night:#17150f;--night-card:#26231d;--night-text:#f7f1e3;--night-muted:#cfc6b2;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Schibsted Grotesk Variable", system-ui, sans-serif;--wrap:1200px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}main{overflow-x:clip}img{max-width:100%}a{color:var(--ink)}a:hover{color:#7a5c00}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.skip-link{z-index:10;background:var(--ink);color:var(--cream);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{color:var(--cream);top:16px}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}.display{font-family:var(--display);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1}.h2{font-size:clamp(36px,4.5vw,56px)}.btn{border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{color:var(--on-accent)}.btn-ink{background:var(--on-accent);color:#fff8e1}.btn-ink:hover{color:#fff8e1}.btn-lg{padding:16px 28px;font-size:18px}.link-cta{align-items:center;min-height:44px;padding:12px 4px;font-weight:600;display:inline-flex}.tile{background:var(--accent);border-radius:16px;justify-content:center;align-self:flex-start;align-items:center;width:56px;height:56px;display:inline-flex}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.brand{min-height:44px;font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand img{object-fit:contain;width:40px;height:40px}.nav{flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:15px;font-weight:500;display:flex}.nav a:not(.btn){color:var(--ink-2);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.nav a:not(.btn):hover{color:var(--ink);text-decoration:underline}.hero{flex-wrap:wrap;align-items:center;gap:56px;padding-block:48px 104px;display:flex}.hero-copy{flex-direction:column;flex:1.3 460px;gap:28px;min-width:0;display:flex}.pill{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.pill-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero-title{letter-spacing:-.035em;font-size:clamp(44px,5.6vw,82px);line-height:1.04}.mark{background:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em;padding:0 .12em}.lede{max-width:520px;color:var(--ink-2);margin:0;font-size:20px}.cta-row{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.checks{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.checks li{align-items:center;gap:8px;display:flex}.hero-visual{flex:420px;justify-content:center;min-width:0;padding:24px 24px 48px;display:flex}.stack{width:100%;max-width:440px;position:relative}.stack-card{border-radius:28px;position:absolute;inset:0}.stack-card.is-accent{background:var(--accent);transform:rotate(5deg)translate(14px,18px)}.stack-card.is-ink{background:var(--ink);opacity:.9;transform:rotate(-7deg)translate(-18px,26px)}.player{border:3px solid var(--ink);background:#000;border-radius:28px;margin:0;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #17150f38}.player img{aspect-ratio:320/285;object-fit:cover;width:100%;display:block}.player figcaption{background:var(--paper);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.player figcaption>span:first-child{align-items:center;gap:10px;display:flex}.progress{background:var(--line);border-radius:4px;flex:0 0 96px;height:4px;overflow:hidden}.progress span{background:var(--ink);width:72%;height:100%;display:block}.sticker{background:var(--sticker);width:104px;height:104px;color:var(--ink);border:3px solid var(--ink);text-align:center;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:800;line-height:1;display:flex;position:absolute;top:-22px;right:-18px;transform:rotate(12deg)}.band{background:var(--accent);border-block:3px solid var(--ink);margin:8px -12px;overflow:hidden;transform:rotate(-1.2deg)}.band-track{width:max-content;font-family:var(--display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;padding-block:18px;font-size:32px;font-weight:800;display:flex}.band-track span{padding-inline:28px}.band-track span.arrow{padding-inline:4px}.how{flex-direction:column;gap:48px;padding-block:112px 56px;display:flex}.how .h2{max-width:640px}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);flex-direction:column;gap:14px;padding:32px;display:flex}.step strong{font-size:22px;font-weight:600}.step span:last-child{color:var(--muted)}.demos{background:var(--night);color:var(--night-text);margin-top:56px}.demos .wrap{flex-direction:column;gap:40px;padding-block:104px;display:flex}.demos-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;display:flex}.demos-head .accent{color:var(--accent)}.demos-head p{color:var(--night-muted);max-width:380px;margin:0}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.demo{background:var(--night-card);border-radius:var(--radius);margin:0;overflow:hidden}.demo img{aspect-ratio:320/285;object-fit:cover;width:100%;display:block}.demo figcaption{padding:16px 20px;font-weight:600}.lift{transition:transform .25s,box-shadow .25s}.lift:hover{transform:translateY(-6px)rotate(-.6deg);box-shadow:0 18px 40px #17150f24}.features{flex-direction:column;gap:40px;padding-block:112px;display:flex}.feature-grid{border-radius:var(--radius);background:#17150f14;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;display:grid;overflow:hidden}.feature{background:var(--cream);flex-direction:column;gap:12px;padding:32px;display:flex}.feature strong{font-size:19px;font-weight:600}.feature span:last-child{color:var(--muted);font-size:16px}.faq-band{background:var(--sand)}.faq-band .wrap{flex-wrap:wrap;gap:56px;padding-block:112px;display:flex}.faq{flex-direction:column;flex:999 520px;gap:28px;min-width:0;display:flex}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding-block:20px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:var(--ink-2);margin:12px 0 0}.privacy{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex:320px;align-self:flex-start;gap:16px;min-width:0;padding:36px;scroll-margin-top:24px;display:flex}.privacy h2{letter-spacing:-.02em;font-size:30px;line-height:1.1}.privacy p{color:var(--ink-2);margin:0}.privacy p.small{color:var(--muted);font-size:15px}.final{padding-block:112px}.final-card{background:var(--accent);color:var(--on-accent);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:clamp(36px,6vw,72px);display:flex}.final-copy{flex-direction:column;flex:420px;gap:18px;min-width:0;display:flex}.final-copy .display{letter-spacing:-.035em;font-size:clamp(40px,5.5vw,72px);line-height:.95}.final-copy p{color:#3a2d00;margin:0;font-size:19px}.final-copy .cta-row{margin-top:8px}.final-copy .link-cta{color:var(--on-accent)}.final-card>img{flex:0 260px;width:260px;height:auto}.footer{border-top:1px solid #17150f14}.footer .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:28px;font-size:14px;display:flex}.footer nav{gap:24px;display:flex}.footer a{color:var(--ink-2)}@keyframes br-fill{0%{width:0}to{width:100%}}@keyframes br-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes br-bob{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-8px)}}.progress span{animation:6s linear infinite br-fill}.band-track{animation:28s linear infinite br-marquee}.player{animation:5s ease-in-out infinite br-bob}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span,.band-track,.player{animation:none}.lift:hover,.btn:hover{transform:none}}@media (width<=560px){.hero{gap:40px;padding-block:24px 72px}.nav a:not(.btn){display:none}.sticker{width:84px;height:84px;font-size:14px;top:-18px;right:-6px}.band-track{padding-block:14px;font-size:24px}.how,.features,.final,.demos .wrap,.faq-band .wrap{padding-block:72px}.final-card>img{width:180px}}.doc{max-width:760px;margin:0 auto;padding:40px 24px 112px}.doc h1{letter-spacing:-.035em;font-size:clamp(40px,6vw,64px);line-height:1}.doc .updated{color:var(--muted);margin:16px 0 40px;font-size:15px}.doc .summary{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);margin-bottom:48px;padding:24px 28px}.doc .summary p{margin:0;font-size:18px}.doc h2{font-family:var(--display);letter-spacing:-.02em;margin:48px 0 12px;font-size:26px;font-weight:800;line-height:1.15}.doc p,.doc li{color:var(--ink-2)}.doc ul{padding-left:22px}.doc li{margin-bottom:8px}.doc code{background:var(--sand);border-radius:6px;padding:1px 6px;font-size:.9em}.doc-nav{flex-wrap:wrap;gap:8px 28px;font-size:15px;font-weight:500;display:flex}.doc-nav a{color:var(--ink-2);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.doc-nav a:hover,.doc-nav a[aria-current=page]{color:var(--ink);text-decoration:underline}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/brainrot/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/brainrot/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/brainrot/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/brainrot/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/brainrot/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
