:root{--white: #ffffff;--ink: #1a1a1a;--muted: #5f6368;--blue: #4285f4;--red: #ea4335;--green: #34a853;--yellow: #fbbc05;--shadow: #1a1a1a;--radius: 22px;--radius-sm: 14px;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--white);color:var(--ink);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,3rem);max-width:1100px;margin:0 auto}.wordmark{display:inline-flex;gap:.08em;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,7vw,2.8rem);line-height:1;letter-spacing:-.02em}.wordmark-sm{font-size:1.6rem;justify-content:center;margin-bottom:1rem}.wm{display:inline-block;padding:.08em .14em .12em;border:3px solid var(--shadow);border-radius:12px;box-shadow:0 4px 0 var(--shadow);color:#fff}.wm-a,.wm-i{background:var(--blue)}.wm-d,.wm-n{background:var(--red)}.wm-c{background:var(--green)}.wm-o{background:var(--yellow);color:var(--ink)}.top-nav{display:flex;gap:.65rem}.pill{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.04em;padding:.55rem 1.1rem;border-radius:999px;border:3px solid var(--shadow);box-shadow:0 4px 0 var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.pill:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--shadow)}.pill:active{transform:translateY(2px);box-shadow:0 2px 0 var(--shadow)}.pill-blue{background:var(--blue);color:#fff}.pill-red{background:var(--red);color:#fff}.hero{max-width:1100px;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3rem) 3.5rem;text-align:center}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,3.6rem);line-height:1.15;letter-spacing:-.02em;max-width:18ch;margin:0 auto 1.4rem}.c-blue{color:var(--blue)}.c-red{color:var(--red)}.c-green{color:var(--green)}.hero-copy{max-width:58ch;margin:0 auto 2rem;color:var(--muted);font-size:clamp(1rem,2.4vw,1.15rem)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.btn{font-family:var(--font-display);font-weight:600;font-size:1rem;padding:.85rem 1.6rem;border-radius:var(--radius-sm);border:3px solid var(--shadow);box-shadow:0 5px 0 var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--shadow)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--shadow)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-green{background:var(--green);color:#fff}.cards{max-width:1100px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.card{position:relative;padding:1.6rem 1.4rem 1.5rem;border-radius:var(--radius);border:3px solid var(--shadow);box-shadow:0 8px 0 var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 12px 0 var(--shadow)}.card:nth-child(2n):hover{transform:translateY(-4px) rotate(.5deg)}.card-tag{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.08em;padding:.25rem .55rem;border-radius:8px;border:2px solid var(--shadow);background:var(--white);margin-bottom:.9rem}.card h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;margin-bottom:.65rem;line-height:1.2}.card p{color:var(--ink);font-size:.98rem;opacity:.88}.card-blue{background:#e8f0fe;border-color:var(--shadow)}.card-blue .card-tag{color:var(--blue)}.card-red{background:#fce8e6}.card-red .card-tag{color:var(--red)}.card-green{background:#e6f4ea}.card-green .card-tag{color:var(--green)}.card-yellow{background:#fef7e0}.card-yellow .card-tag{color:#c8870a}.flywheel{max-width:1100px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) 5rem;text-align:center}.flywheel-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem}.loop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem .4rem}.loop-step{font-family:var(--font-display);font-weight:600;font-size:clamp(.82rem,2.2vw,1rem);padding:.75rem 1rem;border-radius:var(--radius-sm);border:3px solid var(--shadow);box-shadow:0 4px 0 var(--shadow);white-space:nowrap}.loop-blue{background:var(--blue);color:#fff}.loop-red{background:var(--red);color:#fff}.loop-green{background:var(--green);color:#fff}.loop-yellow{background:var(--yellow);color:var(--ink)}.loop-arrow{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--muted)}.loop-arrow-back{margin-left:.25rem;color:var(--blue);font-size:1.8rem}.foot{border-top:3px solid #f1f3f4;padding:2.5rem clamp(1.25rem,4vw,3rem) 3rem;text-align:center}.foot-logo{width:140px;margin:0 auto 1rem;opacity:.95}.foot p{color:var(--muted);font-weight:600;margin-bottom:.75rem}.foot-links{display:flex;justify-content:center;gap:1.5rem;font-family:var(--font-display);font-weight:600}.foot-links a{color:var(--blue);border-bottom:2px solid transparent;transition:border-color .2s ease}.foot-links a:hover{border-color:var(--blue)}@media (max-width: 640px){.loop-arrow:not(.loop-arrow-back){display:none}.loop{flex-direction:column}.loop-arrow-back{margin:.25rem 0 0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.card:hover,.pill:hover,.btn:hover{transform:none}}