@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg: #f9faf8;--paper: #ffffff;--ink: #172026;--muted: #54626b;--line: #dde4e8;--brand: #0f766e;--brand-deep: #0b4e4a;--brand-soft: #e8f5f3;--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 6% -4%,#ddf4ec 0%,transparent 28%),radial-gradient(circle at 95% 0%,#ffeed8 0%,transparent 25%),var(--bg);line-height:1.65}a{color:var(--brand-deep)}.container{width:min(1120px,92vw);margin:0 auto}h1,h2,h3{font-family:Fraunces,Georgia,serif;color:#102029}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in oklab,#ffffff 94%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0}.brand{text-decoration:none;color:var(--ink);font-weight:800;display:inline-flex;align-items:center;gap:.65rem}.brand-badge{width:2.28rem;height:2.28rem;border-radius:.85rem;display:inline-grid;place-items:center;background:#eaf4f3;border:1px solid #d2e8e6;box-shadow:0 4px 10px #0b4e4a1f}.brand-logo{width:1.9rem;height:1.9rem;display:block;border-radius:.55rem;object-fit:cover}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.94rem}.site-nav a.active,.site-nav a:hover{color:var(--brand-deep)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0}.menu-icon{display:inline-flex;flex-direction:column;gap:.24rem}.menu-icon span{width:1rem;height:2px;background:var(--ink);border-radius:10px;transition:transform .2s ease,opacity .2s ease}.menu-toggle.open .menu-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open .menu-icon span:nth-child(2){opacity:0}.menu-toggle.open .menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{padding:4.7rem 0 2.5rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;align-items:stretch}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--brand);margin:0;font-size:.78rem;font-weight:800}h1{margin:.6rem 0 0;font-size:clamp(2rem,4.7vw,3.3rem);line-height:1.12;max-width:18ch}.lead{max-width:58ch;color:var(--muted);margin:1rem 0 0}.actions{margin-top:1.45rem;display:flex;flex-wrap:wrap;gap:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.7rem 1.2rem;text-decoration:none;font-weight:800;transition:transform .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero-panel{background:linear-gradient(170deg,#fff,#f4f8fb);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.hero-panel h2{margin-top:0;margin-bottom:.55rem;font-size:1.25rem}.hero-panel ul{margin:0;padding-left:1.05rem;color:var(--muted)}.section{padding:2.25rem 0}.section-alt{background:linear-gradient(180deg,#eef8f6,#eef4f8);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading h2{margin-top:.35rem;margin-bottom:1.2rem;font-size:clamp(1.45rem,2.8vw,2rem);max-width:28ch}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}.card h3{margin-top:0;font-size:1.12rem}.card p{color:var(--muted)}.card-soft{background:color-mix(in oklab,#ffffff 80%,var(--brand-soft))}.about-block{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:stretch}.about-block p{color:var(--muted)}.about-cta{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}.about-cta h3{margin-top:0}.site-footer{margin-top:2rem;border-top:1px solid var(--line);background:#fff;padding-top:1.4rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.site-footer h2,.site-footer h3{margin-top:0;margin-bottom:.35rem}.site-footer p{margin:0 0 .5rem;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem}.copyright{border-top:1px solid var(--line);padding:.9rem 0;margin:0;text-align:center;color:var(--muted);font-size:.9rem}.prose{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.prose h1{margin-top:0;max-width:none;font-size:clamp(1.6rem,3vw,2.1rem)}.prose h2{margin-top:1.4rem;margin-bottom:.3rem;font-size:1.1rem}.prose ul{padding-left:1.1rem}@media (max-width: 900px){.container{width:min(1120px,94vw)}.hero{padding:2.9rem 0 1.9rem}.nav-wrap{position:relative;padding:.7rem 0}.hero-grid,.grid-3,.about-block,.footer-grid{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:calc(100% + .45rem);right:0;left:0;flex-direction:column;gap:.2rem;padding:.6rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 24px #0c151d1f;z-index:40}.site-nav.open{display:flex}.site-nav a{width:100%;padding:.6rem .45rem;border-radius:8px}.site-nav a:hover,.site-nav a.active{background:color-mix(in oklab,var(--brand-soft) 55%,#fff)}h1{font-size:clamp(1.85rem,8vw,2.6rem);max-width:15ch}.lead{font-size:.98rem}.actions{flex-direction:column}.actions .btn{width:100%}.hero-panel,.card,.about-cta,.prose{padding:1rem}.section{padding:1.7rem 0}.section-heading h2{margin-bottom:.9rem}.site-footer{margin-top:1.4rem}}@media (max-width: 560px){.brand-badge{width:2.14rem;height:2.14rem;border-radius:.75rem}.brand-logo{width:1.78rem;height:1.78rem}.brand span:last-child{font-size:.96rem}.eyebrow{font-size:.72rem}.footer-links{gap:.55rem}}
