:root{font-family:"Baloo 2",Trebuchet MS,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#2b2415;background-color:#fff7cf;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sunlight: #ffef9f;--sand: #ffe08a;--duck: #ffd651;--duck-shadow: #f0b93a;--beak: #f2931f;--ink-strong: #2f240b;--ink-soft: #5d4b1a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--sunlight)}h1,h2{line-height:1.1}p{margin:0 0 1.1rem}#root{min-height:100vh}.page{min-height:100vh;color:var(--ink-strong);background:radial-gradient(circle at top,rgba(255,248,196,.75),transparent 55%),radial-gradient(circle at 20% 30%,rgba(255,220,87,.45),transparent 50%),linear-gradient(180deg,var(--sunlight) 0%,var(--sand) 45%,#fff5c9 100%);display:flex;flex-direction:column;gap:4rem;padding:5rem 1.5rem 6rem;position:relative;overflow:hidden}.page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,214,92,.25) 1px,transparent 1px);background-size:28px 28px;opacity:.6;pointer-events:none}.hero,.about{position:relative;z-index:1;width:min(960px,100%);margin:0 auto}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;gap:2.5rem;padding-top:1.5rem}.hero-graphic{display:grid;place-items:center}.duck{width:min(320px,80vw);height:auto;filter:drop-shadow(0 18px 24px rgba(110,86,0,.25));animation:float 6s ease-in-out infinite}.duck-body,.duck-head{fill:var(--duck)}.duck-beak{fill:var(--beak)}.duck-eye{fill:var(--ink-strong)}.duck-wing{fill:none;stroke:var(--duck-shadow);stroke-width:8;stroke-linecap:round}.duck-foot{fill:var(--beak)}.hero-copy{text-align:left}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.8rem;font-weight:700;color:var(--ink-soft);margin:0 0 .75rem}.hero h1{font-size:clamp(2.7rem,6vw,4.6rem);margin:0 0 1rem;color:var(--ink-strong)}.tagline{font-size:clamp(1.1rem,2.4vw,1.6rem);margin:0;color:var(--ink-soft);max-width:30ch}.about{background:#fffce7b8;border-radius:32px;padding:2.5rem;box-shadow:0 22px 40px #6b54001f}.about h2{margin-top:0;font-size:clamp(1.8rem,3vw,2.6rem)}.about p{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);max-width:60ch}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:720px){.page{padding:3.5rem 1.25rem 4rem}.hero-copy{text-align:center}.tagline{margin:0 auto}.about{padding:2rem 1.6rem}}