:root{--paper:#f5efe1;--ink:#14110b;--red:#f04b3e;--blue:#376cf4;--lime:#c7f36b;--white:#fffdf7;--line:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk","Noto Sans SC",system-ui,sans-serif;overflow-x:hidden}.bg-grid{position:fixed;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:32px 32px}.nav{position:sticky;top:0;z-index:20;height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:34px;background:rgba(245,239,225,.94);border-bottom:var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none;font-family:"Archivo Black",sans-serif;font-size:21px}.brand em{font:700 11px "Noto Sans SC";background:var(--red);color:#fff;padding:3px 6px;border:2px solid var(--ink);font-style:normal;transform:rotate(-4deg)}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a,.nav-download{color:inherit;font-weight:800;text-decoration:none}.nav nav a:hover{text-decoration:underline;text-decoration-thickness:3px}.nav-download{padding:11px 17px;background:var(--blue);color:#fff;border:var(--line);box-shadow:4px 4px 0 var(--ink)}main{max-width:1240px;margin:auto}.hero{min-height:650px;padding:84px 24px 64px;display:grid;grid-template-columns:1.3fr .7fr;gap:64px;align-items:center}.eyebrow{display:inline-block;margin:0 0 20px;padding:8px 12px;background:var(--lime);border:var(--line);font-weight:900;letter-spacing:.09em;transform:rotate(-1deg)}h1{margin:0;font:clamp(58px,8.4vw,116px)/.82 "Archivo Black",sans-serif;letter-spacing:-.055em}h1 span{display:block;margin-top:22px;font:900 clamp(20px,3vw,38px)/1 "Noto Sans SC";letter-spacing:.04em;color:var(--blue)}.lead{font-size:clamp(25px,3vw,42px);font-weight:900;margin:38px 0 12px}.intro{max-width:760px;font-size:18px;line-height:1.8;font-weight:600}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:16px;align-items:center;padding:15px 20px;border:var(--line);box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-weight:900;text-decoration:none;transition:.15s transform,.15s box-shadow}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-primary{background:var(--red);color:#fff}.button-secondary{background:var(--white)}.meta{font:700 13px monospace;margin-top:20px}.hero-art{position:relative}.icon-card{padding:25px;background:var(--blue);border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);transform:rotate(3deg)}.icon-card img{display:block;width:100%;border-radius:22%;background:#111}.sticker{position:absolute;border:var(--line);padding:8px 12px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.sticker-one{left:-34px;top:18px;background:var(--lime);transform:rotate(-9deg)}.sticker-two{right:-22px;bottom:20px;background:var(--red);color:#fff;transform:rotate(6deg)}.ticker{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--ink);color:var(--paper);border-block:3px solid var(--ink);padding:14px 0;font-family:"Archivo Black";font-size:18px;white-space:nowrap}.ticker span{display:block;width:max-content;animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.section{padding:90px 24px}.section-head{display:flex;gap:20px;align-items:flex-end;margin-bottom:42px;border-bottom:var(--line);padding-bottom:18px}.section-head>b{font:32px "Archivo Black";color:var(--red)}.section-head h2{margin:0;font:clamp(30px,5vw,58px)/1 "Archivo Black"}.section-head h2 span{font:800 clamp(14px,2vw,21px) "Noto Sans SC";color:var(--blue)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-height:280px;padding:25px;border:var(--line);box-shadow:var(--shadow)}.card strong{font:56px "Archivo Black"}.card h3{font-size:22px;margin:28px 0 12px}.card p{line-height:1.7;font-weight:600}.red{background:var(--red);color:#fff}.blue{background:var(--blue);color:#fff}.lime{background:var(--lime)}.cream{background:var(--white)}.demo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.demo-grid figure{margin:0;background:var(--white);border:var(--line);box-shadow:var(--shadow);padding:12px}.demo-grid video,.demo-grid img{display:block;width:100%;max-height:600px;object-fit:cover;background:#000}.demo-grid figcaption{padding:14px 4px 3px;font-weight:800;line-height:1.5}.photo-frame{transform:rotate(1deg)}.photo-frame figcaption span{display:block;color:var(--red);font-family:"Archivo Black"}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps li{display:flex;gap:18px;padding:24px;background:var(--white);border:var(--line);box-shadow:5px 5px 0 var(--ink)}.steps li>b{font:34px "Archivo Black";color:var(--blue)}.steps h3{margin:0 0 8px;font-size:21px}.steps p{margin:0;line-height:1.6}.release-box{margin-top:60px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--lime);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.release-box small{font-weight:900;letter-spacing:.14em}.release-box h2{font:48px "Archivo Black";margin:6px 0}.release-box p{font-weight:700;margin:0}.notice{margin-top:24px;font-size:14px;font-weight:700}footer{padding:28px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:var(--paper);font-weight:800}footer a{color:inherit}
@media(max-width:900px){.nav nav{display:none}.nav-download{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:56px}.hero-art{max-width:430px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.photo-frame{transform:none}}
@media(max-width:560px){.nav{height:66px;padding-inline:15px}.brand em{display:none}.nav-download{font-size:13px;padding:9px 10px}.hero{padding-inline:16px;gap:44px;min-height:auto}h1{font-size:53px}.section{padding:68px 16px}.section-head{align-items:flex-start}.section-head>b{font-size:23px}.feature-grid{grid-template-columns:1fr}.card{min-height:220px}.release-box{align-items:flex-start;flex-direction:column;padding:24px}.release-box h2{font-size:40px}.demo-grid figure{padding:8px}footer{flex-direction:column;padding:24px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}}
.demo-grid figcaption span{display:block;color:var(--red);font-family:"Archivo Black"}.lyric-video{grid-column:1/-1}.lyric-video video{max-height:720px;object-fit:contain}