:root{--ink:#15231f;--card:#fffdf9;--line:#d8d2c6;--accent:#ec6847;--green:#126a50;--mint:#dff1e9;--sand:#f5eddf;--gold:#eebf55}
html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(238,191,85,.23),transparent 30rem),radial-gradient(circle at 92% 12%,rgba(18,106,80,.16),transparent 28rem),linear-gradient(145deg,#fbf7ef,#eaf3ee);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,35,31,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(21,35,31,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
main{max-width:1060px!important;padding-top:32px!important;position:relative}.site-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.site-brand img{display:block;width:min(310px,72vw);height:auto}.site-brand__home{display:inline-flex;border-radius:14px}.site-brand__home:focus-visible{outline:3px solid rgba(18,106,80,.28);outline-offset:6px}.site-brand__back{font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.site-brand__back:hover{text-decoration:underline}
h1{max-width:820px;text-wrap:balance}h2{font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-.035em}.lead{color:#465c54;line-height:1.58}.badge{display:inline-flex;align-items:center;gap:8px}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(238,191,85,.18)}
.card{border-color:rgba(135,118,88,.24)!important;box-shadow:0 22px 65px rgba(40,69,59,.11)!important;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-70px;top:-80px;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,rgba(238,191,85,.18),rgba(236,104,71,.08));pointer-events:none}
label{color:#31473f}input,textarea{border-color:#d9d2c5!important;transition:border-color .16s,box-shadow .16s,transform .16s}input:focus,textarea:focus{outline:0;border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(18,106,80,.12);transform:translateY(-1px)}
.metric{border:1px solid rgba(18,106,80,.08);background:linear-gradient(145deg,#edf7f2,#e2f0e9)!important}.metric.warn{border-color:rgba(236,104,71,.12);background:linear-gradient(145deg,#fff3ed,#ffe9df)!important}.metric strong{letter-spacing:-.04em}
.actions button,button,.cta{box-shadow:0 9px 22px rgba(21,35,31,.15);transition:transform .16s,box-shadow .16s}.actions button:hover,button:hover,.cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(21,35,31,.2)}.actions .secondary{box-shadow:none}
.how{padding:34px 38px;margin-top:34px;border-radius:22px;background:rgba(255,253,249,.62);border:1px solid rgba(135,118,88,.18)}a{color:var(--green);text-underline-offset:3px}footer,.privacy{color:#52665f!important}
.example,.output{box-shadow:0 14px 40px rgba(40,69,59,.08)}
@media(max-width:620px){main{padding-top:24px!important}.site-brand{align-items:flex-start;flex-direction:column;margin-bottom:28px}.site-brand img{width:min(270px,82vw)}.card{padding:21px!important}.how{padding:24px 21px}}
.button-link{display:inline-flex;align-items:center;border-radius:999px;padding:12px 18px;background:#176b51;color:#fff!important;font:700 14px system-ui;text-decoration:none}.button-link:hover{filter:brightness(.94)}
.skip-link{position:fixed;z-index:9999;left:16px;top:12px;padding:12px 16px;border-radius:10px;background:#17201d;color:#fff;font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0);outline:3px solid #eebf55;outline-offset:3px}button,.button-link{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(238,191,85,.8);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.actions button:hover,button:hover,.cta:hover{transform:none}}