:root{--yellow:#ffd83d;--yellow-dark:#f0a900;--blue:#27aee4;--blue-dark:#087dad;--green:#37ba74;--red:#ec4545;--ink:#173044;--muted:#557083;--paper:#fffdf6;--white:#fff;--shadow:0 18px 45px #15405829}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,100% - 2rem);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;color:#fff;background:var(--ink);border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);background:#ffffff9e;border-bottom:1px solid #1730441a;align-items:center;gap:2rem;width:100%;padding:.8rem clamp(1rem,4vw,4rem);display:flex;position:absolute;top:0;left:0}.brand img{object-fit:contain;width:165px;height:62px}.topbar nav{gap:clamp(1rem,3vw,2.2rem);margin-left:auto;display:flex}.topbar nav a{font-weight:800;text-decoration:none}.topbar nav a:hover{color:var(--blue-dark)}.header-button{color:#fff;background:var(--red);border-radius:999px;padding:.65rem 1.1rem;font-weight:900;text-decoration:none;box-shadow:0 6px #b72929}.hero{isolation:isolate;background-image:url(/images/background.png);background-position:50% 45%;background-size:cover;place-items:start center;min-height:780px;display:grid;position:relative;overflow:hidden}.hero-shade{z-index:-1;background:linear-gradient(#fff3,#ffffff8a),radial-gradient(circle at 50% 38%,#fffffff5 0,#ffffffb8 25%,#0000 58%);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;width:min(690px,100% - 2rem);padding-top:9rem;position:relative}.eyebrow,.section-kicker,.hero-label{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .3rem;font-size:.9rem;font-weight:900}.hero-logo{object-fit:contain;filter:drop-shadow(0 10px 8px #1d3e543d);width:min(620px,92%);max-height:310px;margin:0 auto}.hero-text{text-shadow:0 2px 10px #fff;max-width:570px;margin:-.6rem auto 1.7rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800}.hero-buttons,.community-buttons{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.button{color:#fff;border:3px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:.75rem 1.35rem;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 7px #11344740}.button:hover{transform:translateY(-3px);box-shadow:0 10px #11344733}.button-youtube{background:var(--red)}.button-whatsapp{background:#1fa968}.button-mail{background:var(--blue-dark)}.hero-characters{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-character{object-fit:contain;filter:drop-shadow(0 18px 14px #1431424d);width:auto;height:min(56vh,520px);position:absolute;bottom:1rem}.hero-character.linus{left:max(.5rem,50% - 760px)}.hero-character.timmy{right:max(.5rem,50% - 760px)}.section{padding:clamp(4rem,8vw,7rem) 0}.section h2{text-align:center;max-width:820px;margin:0 auto 1rem;font-size:clamp(2rem,5vw,3.8rem);line-height:1.08}.section-kicker{text-align:center}.section-lead{max-width:760px;color:var(--muted);text-align:center;margin:0 auto 3rem;font-size:1.15rem}.intro{background:radial-gradient(circle at 10% 15%, #fff1a8 0 5%, transparent 18%), radial-gradient(circle at 90% 80%, #bfeeff 0 5%, transparent 19%), var(--paper)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.feature-card{box-shadow:var(--shadow);background:#fff;border:4px solid;border-radius:2rem;padding:2rem;transform:rotate(-1deg)}.feature-card:nth-child(2){transform:rotate(1deg)translateY(-.8rem)}.feature-card h3{margin:.8rem 0 .35rem;font-size:1.4rem}.feature-card p{color:var(--muted);margin:0}.feature-icon{font-size:2.6rem}.feature-yellow{border-color:var(--yellow)}.feature-blue{border-color:var(--blue)}.feature-green{border-color:var(--green)}.heroes{color:#fff;background:linear-gradient(155deg,#159bcc,#63cef0)}.heroes .section-kicker{color:#fff6b1}.hero-card-grid{grid-template-columns:1fr 1fr;gap:1.8rem;margin-top:3rem;display:grid}.hero-card{min-height:430px;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:6px solid #ffffffa6;border-radius:2.3rem;grid-template-columns:minmax(180px,42%) 1fr;display:grid;overflow:hidden}.portrait{justify-content:center;align-items:flex-end;min-width:0;display:flex;overflow:hidden}.portrait img{object-fit:contain;object-position:bottom;width:100%;max-height:410px}.hero-card-blue .portrait{background:#bcecff}.hero-card-red .portrait{background:#ffd2d2}.hero-card-oma .portrait{background:#eadcff}.hero-card-jelly .portrait{background:#fff0b8}.hero-card-content{align-self:center;padding:1.5rem}.hero-card-content h3{margin:0;font-size:2.4rem}.hero-card-content p:last-child{color:var(--muted)}.merch{background:#fff8d8}.merch-box{border:5px dashed var(--yellow-dark);box-shadow:var(--shadow);background:#fff;border-radius:2.5rem;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem);display:flex}.merch-box h2,.merch-box .section-kicker{text-align:left;margin-inline:0}.merch-box p{max-width:690px;color:var(--muted)}.coming-soon{color:var(--ink);background:var(--yellow);border-radius:1rem;flex:none;padding:1rem 1.3rem;font-size:1.15rem;font-weight:900;transform:rotate(3deg)}.community{color:#fff;background:radial-gradient(circle at 15% 20%,#54c9ee 0 7%,#0000 28%),radial-gradient(circle at 85% 80%,#3cbe78 0 5%,#0000 27%),#173f59}.community-content{text-align:center}.community .section-kicker{color:var(--yellow)}.community p:not(.section-kicker){color:#dceef6;max-width:760px;margin:0 auto 2.2rem;font-size:1.1rem}footer{color:#dfeef5;background:#0f293a;padding:2rem 0}.footer-content{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid}.footer-content>img{object-fit:contain;background:#ffffffeb;border-radius:1rem;width:150px;height:75px;padding:.35rem}.footer-content p{margin:0}.fan-note{color:#9db8c8;font-size:.85rem}footer nav{gap:1.3rem;display:flex}footer a{font-weight:800}@media (width<=1100px){.hero-character{height:440px}.hero-character.linus{left:-7rem}.hero-character.timmy{right:-7rem}}@media (width<=800px){.topbar{gap:.7rem;padding:.55rem .8rem;position:absolute}.brand img{width:120px;height:48px}.topbar nav{gap:.8rem}.topbar nav a{font-size:.8rem}.topbar nav a:nth-child(2),.header-button{display:none}.hero{min-height:auto;padding-bottom:0;display:block}.hero-content{padding-top:7.2rem}.hero-logo{max-height:240px}.hero-characters{justify-content:center;align-items:flex-end;gap:0;height:390px;margin-top:1rem;display:flex;position:relative}.hero-character{object-fit:contain;object-position:bottom;width:50%;height:100%;position:static}.feature-grid,.hero-card-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(2){transform:none}.hero-card{grid-template-columns:minmax(150px,42%) 1fr}.merch-box{flex-direction:column;align-items:flex-start}.footer-content{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=520px){.topbar nav a:first-child{display:none}.hero-text{margin-top:-.2rem}.hero-buttons,.community-buttons{flex-direction:column;align-items:stretch}.button{width:100%}.hero-characters{height:310px}.hero-card{grid-template-columns:1fr}.portrait{height:330px}.portrait img{width:auto;height:100%}footer nav{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.hero-card-blue .portrait img{transform-origin:bottom;transform:scale(1.22)}@media (width<=800px){.hero-card-blue .portrait img{transform:scale(1)}}.slider-hint{color:#ffffffe0;text-align:center;margin:.7rem 0 0;font-weight:700}.hero-card-grid{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffffe6 #fff3;grid-template-columns:none;grid-auto-columns:calc(50% - .9rem);grid-auto-flow:column;padding:.4rem .2rem 1.2rem;scroll-padding-inline:.2rem;overflow:auto hidden}.hero-card-grid::-webkit-scrollbar{height:10px}.hero-card-grid::-webkit-scrollbar-track{background:#fff3;border-radius:999px}.hero-card-grid::-webkit-scrollbar-thumb{background:#ffffffe6;border-radius:999px}.hero-card{scroll-snap-align:start;scroll-snap-stop:always}@media (width<=1100px){.hero-card-grid{grid-auto-columns:min(88%,680px)}}.hero-content img[src="/images/logo.png"]{transform-origin:50%;will-change:transform, opacity;animation:1.15s cubic-bezier(.22,1,.36,1) .2s both logo-wobble,12s ease-in-out 1.7s infinite logo-idle-wobbles}.hero-text{margin-top:1.5rem}@keyframes logo-wobble{0%{opacity:0;transform:translateY(-14px)scale(.76)rotate(-3deg)}42%{opacity:1;transform:translateY(0)scale(1.08,.94)rotate(2deg)}58%{transform:scale(.96,1.05)rotate(-1.4deg)}73%{transform:scale(1.035,.98)rotate(.8deg)}87%{transform:scale(.99,1.015)rotate(-.3deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-content img[src="/images/logo.png"]{animation:none}}@keyframes logo-idle-wobbles{0%,16%,26%,46%,58%,78%,90%,to{transform:none}18%{transform:rotate(-1.7deg)scale(1.02)}20%{transform:rotate(1.5deg)scale(.99,1.02)}22%{transform:rotate(-.8deg)scale(1.01)}24%{transform:rotate(.3deg)}48%{transform:translateY(-5px)scale(1.025,.97)}51%{transform:translateY(2px)scale(.98,1.045)}54%{transform:translateY(-1px)scale(1.015,.99)}56%{transform:none}80%{transform:translate(-3px)rotate(-1.1deg)}82%{transform:translate(3px)rotate(1.1deg)}84%{transform:translate(-2px)rotate(-.6deg)}86%{transform:translate(1px)rotate(.3deg)}88%{transform:none}}.hero-content img[src="/images/logo.png"]{transform-origin:50%;animation:9s linear infinite logo-wobble-repeat}@keyframes logo-wobble-repeat{0%,3%,14%,34%,46%,66%,78%,to{transform:none}5%{transform:rotate(-2deg)scale(1.025)}7%{transform:rotate(1.8deg)scale(.99,1.02)}9%{transform:rotate(-1deg)scale(1.01)}11%{transform:rotate(.4deg)}36%{transform:translateY(-6px)scale(1.035,.95)}39%{transform:translateY(2px)scale(.97,1.05)}42%{transform:translateY(-1px)scale(1.015,.99)}44%{transform:none}68%{transform:translate(-4px)rotate(-1.2deg)}70%{transform:translate(4px)rotate(1.2deg)}72%{transform:translate(-2px)rotate(-.7deg)}74%{transform:translate(2px)rotate(.4deg)}76%{transform:none}}@media (prefers-reduced-motion:reduce){.hero-content img[src="/images/logo.png"]{animation:none}}