:root{--background:#f4efe6;--background-strong:#ebe2d2;--surface:#fffbf4c7;--surface-strong:#fffbf4eb;--border:#2e231624;--text:#201711;--muted:#5c4f44;--accent:#8a4c21;--accent-deep:#5f2f10;--shadow:0 24px 80px #31221514}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ffffffd9, transparent 32%), linear-gradient(180deg, #f8f3eb 0%, var(--background) 38%, #e8dfd0 100%);min-height:100vh;color:var(--text);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero,.section{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero{border-radius:32px;padding:1.5rem}.eyebrow,.section-label,.note-label,.step-number{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.eyebrow,.section-label,.note-label{color:var(--accent)}.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);align-items:end;gap:1.5rem;display:grid}.hero-copy{padding:2rem}.hero h1,.section h2{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:600;line-height:.95}.hero h1{max-width:10ch;font-size:clamp(3.5rem,9vw,7.25rem)}.subheadline,.hero-note p,.step-card p,.recursion-copy{color:var(--muted);font-size:1.05rem;line-height:1.75}.subheadline{max-width:38rem;margin:1.5rem 0 0;font-size:clamp(1.05rem,1.6vw,1.25rem)}.cta{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff9f3;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin-top:2rem;padding:.95rem 1.35rem;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.cta:hover,.cta:focus-visible{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 28px #5f2f1038}.cta:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}.hero-note{background:linear-gradient(180deg, #fff9eff0, #f4eadcdb), var(--background-strong);border:1px solid var(--border);border-radius:24px;flex-direction:column;justify-content:flex-end;height:100%;padding:1.5rem;display:flex}.hero-note p{margin:.85rem 0 0}.section{border-radius:28px;margin-top:1.25rem;padding:2rem}.section-heading{gap:.85rem;margin-bottom:2rem;display:grid}.section h2{max-width:18ch;font-size:clamp(2rem,4vw,3.5rem)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.step-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:22px;min-height:100%;padding:1.4rem}.step-number{color:var(--accent)}.step-card p{margin:1rem 0 0}.recursion{position:relative;overflow:hidden}.recursion:after{content:"";background:radial-gradient(circle,#8a4c212e,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -12% -20% auto}.recursion-copy{z-index:1;max-width:52rem;margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem);position:relative}@media (max-width:900px){.page-shell{width:min(100% - 1.25rem,1120px)}.hero-grid,.steps{grid-template-columns:1fr}.hero-copy,.section{padding:1.5rem}.hero h1{max-width:12ch}}@media (max-width:640px){.page-shell{padding:.75rem 0 2.5rem}.hero,.section{border-radius:24px}.hero h1{font-size:clamp(3rem,18vw,4.2rem)}.subheadline,.hero-note p,.step-card p,.recursion-copy{font-size:1rem;line-height:1.7}}
