:root{color-scheme:dark;--ink: #f6efe6;--muted: #b5a89a;--bg: #3a2c24;--bg-deep: #2a1f18;--panel: #46362c;--sesame: #e2d4c4;--salmon: #e8916a;--salmon-deep: #d46b45;--wasabi: #9cbc5c;--wasabi-deep: #7f9a45;--line: color-mix(in srgb, var(--sesame) 16%, transparent);--radius: .75rem;--font-body: "Figtree", "Segoe UI", sans-serif;--font-display: "Syne", "Figtree", sans-serif;--wash: radial-gradient( ellipse 70% 50% at 12% -5%, color-mix(in srgb, var(--salmon) 22%, transparent), transparent 58% ), radial-gradient( ellipse 55% 45% at 92% 8%, color-mix(in srgb, var(--wasabi) 18%, transparent), transparent 52% ), radial-gradient( ellipse 80% 55% at 50% 110%, color-mix(in srgb, var(--wasabi) 10%, transparent), transparent 60% ), linear-gradient(165deg, #241912 0%, var(--bg-deep) 35%, var(--bg) 72%, #433328);font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--ink);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--wash);background-attachment:fixed}a{color:var(--salmon);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:color-mix(in srgb,var(--salmon) 80%,white)}a:focus-visible,select:focus-visible,.cta:focus-visible{outline:2px solid var(--salmon);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-3rem;z-index:20;padding:.5rem .75rem;background:var(--panel);color:var(--ink);border-radius:.4rem}.skip:focus{top:1rem}.page{max-width:68rem;margin:0 auto;padding:0 1.25rem 3rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem;max-height:80px}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.brand-mark{width:2.15rem;height:2.15rem;border-radius:.55rem;display:block;flex-shrink:0;object-fit:cover;box-shadow:0 4px 14px color-mix(in srgb,#000 25%,transparent)}.brand-name{font-size:1.15rem}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-logo{width:min(100%,22rem);height:auto;aspect-ratio:1;border-radius:1.4rem;object-fit:cover;border:1px solid color-mix(in srgb,var(--salmon) 22%,var(--line));box-shadow:0 28px 64px color-mix(in srgb,#000 35%,transparent),0 0 0 1px color-mix(in srgb,var(--wasabi) 12%,transparent);animation:rise .9s ease both}.lang select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--ink);border:1px solid var(--line);border-radius:.5rem;padding:.45rem 2rem .45rem .75rem;font:inherit;font-size:.9rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center;min-height:calc(100dvh - 4rem);padding:1.5rem 0 3rem}.hero h1{margin:0;display:flex;flex-direction:column;gap:.55rem}.brand-hero{font-family:var(--font-display);font-size:clamp(2.5rem,6.5vw,3.9rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}.headline{max-width:16ch;font-family:var(--font-display);font-size:clamp(1.45rem,3.2vw,2rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;color:var(--sesame)}.sub{margin:1rem 0 1.6rem;max-width:36ch;color:var(--muted);font-size:1.05rem;line-height:1.55}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.35rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--salmon),var(--salmon-deep));color:#1a120e;font-weight:650;text-decoration:none;transition:transform .15s ease,filter .15s ease}.cta:hover{filter:brightness(1.06);color:#1a120e}.cta:active{transform:scale(.98)}.block{padding:2.75rem 0 .5rem;max-width:48rem}.creators,.launch{border-top:1px solid var(--line);margin-top:2.5rem}.level-list{margin:1rem 0 0;padding-inline-start:1.2rem;color:color-mix(in srgb,var(--ink) 82%,var(--muted));max-width:65ch;line-height:1.55}.level-list li+li{margin-top:.55rem}.ref-code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.95em;font-weight:650;letter-spacing:.02em;padding:.08em .28em;border-radius:.25rem;background:color-mix(in srgb,var(--ink) 8%,transparent)}.block h2,.audiences h2,.faq h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:-.02em;line-height:1.2}.block p,.audiences p,.faq p{margin:0;color:color-mix(in srgb,var(--ink) 82%,var(--muted));max-width:65ch;line-height:1.65}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2.5rem;padding:2.75rem 0 .5rem;border-top:1px solid var(--line);margin-top:2.5rem}.how{border-top:1px solid var(--line);margin-top:2.5rem}.how ol{margin:0;padding-inline-start:1.2rem;color:color-mix(in srgb,var(--ink) 82%,var(--muted));max-width:48ch}.how li+li{margin-top:.65rem}.faq{border-top:1px solid var(--line);margin-top:2.5rem;max-width:none}.faq-list{display:grid;gap:1.35rem;margin-top:1.25rem}.faq-item h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.faq-item p{color:var(--muted)}.foot{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem}.foot-brand{margin:0;font-family:var(--font-display);font-weight:700;color:var(--ink)}.channel{font-size:.82rem;color:var(--muted);text-decoration:none;opacity:.72}.channel:hover{opacity:1;color:var(--sesame)}.foot-meta{margin:0;margin-inline-start:auto;font-size:.82rem;color:var(--muted)}.foot-meta a{color:inherit;text-decoration:none}.foot-meta a:hover{color:var(--sesame)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo,.cta{animation:none;transition:none}}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;padding:1.25rem 0 2.5rem;gap:1.75rem}.hero-visual{order:-1}.hero-logo{width:min(100%,16rem)}.brand-hero{font-size:clamp(2.2rem,10vw,3rem)}.audiences{grid-template-columns:1fr}.foot-meta{margin-inline-start:0;width:100%}}