:root{--color-background:#f7f4ea;--color-paper:#fff9e8;--color-paper-50:#fffdf5;--color-paper-100:#fff9e8;--color-paper-200:#f5f0dd;--color-ink-950:#0a0a0a;--color-ink-900:#111;--color-ink-800:#1a1a1a;--color-white:#fff;--color-gray-100:#f0efea;--color-gray-300:#d5d3cc;--color-gray-500:#85827a;--color-gray-700:#45433f;--color-outline:#85827a;--color-outline-variant:#d5d3cc;--color-primary:#0a0a0a;--color-on-primary:#fff;--font-display:"Anton", Impact, sans-serif;--font-heading:"Archivo Black", Arial Black, sans-serif;--font-body:"Inter", Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-family-display:var(--font-display);--font-family-data:var(--font-mono);--font-family-system:var(--font-body);--grid-size:8px;--terminal-margin:24px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-card:36px;--radius-pill:999px;--radius-sharp:0px;--radius-card-outer:36px;--shadow-comic-sm:3px 3px 0 #0a0a0a;--shadow-comic:6px 6px 0 #0a0a0a;--shadow-comic-lg:8px 8px 0 #0a0a0a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.45s;--ease-bounce:cubic-bezier(.2,1.4,.4,1);--ease-smooth:cubic-bezier(.22,1,.36,1);--story-width:1080px;--story-height:1920px;--story-aspect-ratio:9 / 16}.tribe-hck{--tribe-primary:#ff6b00;--tribe-secondary:#ff9a3d;--tribe-surface:#fff0de;--tribe-accent:#e94f00}.tribe-mkr{--tribe-primary:#ffc800;--tribe-secondary:#ffe36b;--tribe-surface:#fff7cc;--tribe-accent:#e6a900}.tribe-exp{--tribe-primary:#2f80ed;--tribe-secondary:#70b7ff;--tribe-surface:#e8f4ff;--tribe-accent:#1d5fb8}.tribe-ldr{--tribe-primary:#f04444;--tribe-secondary:#f77;--tribe-surface:#ffe8e8;--tribe-accent:#c92828}.tribe-stg{--tribe-primary:#8b5cf6;--tribe-secondary:#b79aff;--tribe-surface:#f1ebff;--tribe-accent:#6939c5}.tribe-cnt{--tribe-primary:#20b86b;--tribe-secondary:#63d99a;--tribe-surface:#e6f8ee;--tribe-accent:#12834a}:root{--color-surface:#fff9e8;--color-surface-container-low:#fff9e8;--color-surface-container-lowest:#fffdf5;--color-on-surface:#0a0a0a;--color-on-surface-variant:#45433f;--color-primary-container:#0a0a0a;--color-secondary-container:#20b86b;--color-secondary:#20b86b;--color-error:#c92828;--color-outline-variant:#d5d3cc;--color-outline:#85827a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html,body{background:var(--color-background);color:var(--color-ink-950);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}body{background-image:radial-gradient(#0a0a0a09 1px,#0000 1px);background-size:18px 18px}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--tribe-primary,#0a0a0a);outline-offset:3px}.font-headline-xl{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3.5rem,11vw,8rem);font-weight:400;line-height:.88}.font-headline-lg{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900;line-height:1.05}.font-terminal-data{font-family:var(--font-body);font-size:16px;line-height:1.5}.font-system-label{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;font-size:11px;line-height:1.2}.font-caption-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.2}.paper-panel{background:var(--color-paper);border:3px solid var(--color-ink-950);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic)}.comic-border{border:3px solid var(--color-ink-950);border-radius:var(--radius-md)}.paper-texture{background-image:radial-gradient(#0a0a0a09 1px,#0000 1px);background-size:14px 14px}.tribe-surface{background:var(--tribe-surface)}.tribe-fill{background:var(--tribe-primary)}.tribe-ink{color:var(--tribe-accent)}.landing-container{flex-direction:column;gap:56px;width:100%;max-width:1180px;margin:0 auto;padding:24px;display:flex}.hero-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.sample-card-container{width:100%;max-width:390px;transition:transform var(--duration-normal) var(--ease-bounce);margin:0 auto;transform:rotate(-1.5deg)}.sample-card-container:hover{transform:rotate(0)translateY(-6px)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tribe-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doodle{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-display);opacity:.12;font-size:clamp(3rem,8vw,6rem);line-height:1;position:absolute;transform:rotate(-8deg)}.comic-card{background:var(--color-paper);border:3px solid var(--color-ink-950);border-radius:var(--radius-card);box-shadow:var(--shadow-comic-lg);position:relative;overflow:hidden}.comic-card:before{content:"";pointer-events:none;border:1px dashed #0a0a0a33;border-radius:26px;position:absolute;inset:10px}.divider-dashed{border:0;border-top:2px dashed var(--color-gray-300);width:100%;margin:16px 0}.divider-solid{border:0;border-top:3px solid var(--color-ink-950);width:100%;margin:16px 0}.clip-chamfer,.clip-corner-cut,.red-grid-overlay,.scanline-overlay,.gritty-bg{clip-path:none;background-image:none}.terminal-cursor{background:var(--tribe-primary,#0a0a0a);vertical-align:middle;border-radius:2px;width:.5em;height:.9em;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}.status-indicator-dot{background:var(--tribe-primary,#0a0a0a);border-radius:50%;width:8px;height:8px;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pop-in{animation:pop-in var(--duration-slow) var(--ease-bounce)}@media (width<=860px){.hero-layout{grid-template-columns:1fr;gap:32px}.steps-grid,.tribe-grid{grid-template-columns:1fr}.landing-container{gap:40px;padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}