:root { --green:#225b38; --green-deep:#123d26; --cream:#fff9ea; --sky:#bfe8fa; --ink-muted:#52765c; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--green-deep); background:var(--sky); font-family:Arial,Helvetica,sans-serif; }
a,button { -webkit-tap-highlight-color:transparent; } a:focus-visible,button:focus-visible { outline:3px solid #e79b20; outline-offset:4px; }
.page-shell { min-height:100svh; padding:clamp(18px,3vw,44px); }
.meadow { isolation:isolate; min-height:calc(100svh - clamp(36px,6vw,88px)); max-width:1220px; margin:0 auto; padding:clamp(24px,6vw,76px); position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:32px; background:radial-gradient(circle at 83% 18%,#fff6a6 0 4.2%,transparent 4.3%),radial-gradient(ellipse at 72% 17%,rgba(255,255,255,.84) 0 8%,transparent 8.2%),radial-gradient(ellipse at 32% 26%,rgba(255,255,255,.8) 0 9%,transparent 9.2%),linear-gradient(180deg,#98d7f5 0 49%,#85c95c 49.2% 65%,#4f9a4f 65.2% 100%); box-shadow:0 24px 60px rgba(26,83,69,.18); }
.meadow::before,.meadow::after { content:""; position:absolute; z-index:-1; border-radius:50% 50% 0 0; }.meadow::before { width:82%; height:38%; right:-20%; bottom:12%; background:#75b957; transform:rotate(-7deg); }.meadow::after { width:88%; height:31%; left:-26%; bottom:-5%; background:#2f7d43; transform:rotate(5deg); }
.content-card { max-width:1060px; margin:0 auto; padding:clamp(24px,4.5vw,54px); position:relative; background:rgba(255,252,239,.84); border:1px solid rgba(255,255,255,.93); border-radius:24px; box-shadow:0 18px 38px rgba(26,83,69,.18); backdrop-filter:blur(5px); }
.topline,.hero,.contract,footer { position:relative; }.topline { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:clamp(24px,4vw,48px); }.brand { display:inline-flex; align-items:center; gap:10px; color:var(--green-deep); font-family:Georgia,serif; font-size:1.3rem; font-weight:700; text-decoration:none; letter-spacing:-.04em; }.brand img { width:40px; height:40px; border:2px solid var(--green); border-radius:50%; object-fit:cover; }.ticker { color:var(--green); border:1px solid rgba(34,91,56,.3); border-radius:999px; padding:7px 11px; font-size:.85rem; font-weight:800; }
.hero { display:grid; grid-template-columns:1fr minmax(240px,.86fr); align-items:center; gap:clamp(28px,6vw,86px); }.eyebrow { margin:0 0 13px; color:var(--ink-muted); font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } h1 { margin:0; color:var(--green-deep); font-family:Georgia,"Times New Roman",serif; font-size:clamp(5rem,13vw,10rem); line-height:.74; letter-spacing:-.1em; }.intro { max-width:340px; margin:30px 0 0; font-family:Georgia,serif; font-size:clamp(1.22rem,2.4vw,1.65rem); line-height:1.15; }.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }.button { padding:13px 18px; border:2px solid var(--green); border-radius:999px; color:var(--green-deep); background:transparent; font-size:.87rem; font-weight:800; text-decoration:none; transition:transform .18s ease,background .18s ease; }.button:hover { transform:translateY(-2px); }.button-dark { color:var(--cream); background:var(--green); }.button-light { background:rgba(255,255,255,.62); }
.hero-image { margin:0; transform:rotate(2deg); }.hero-image img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border:7px solid var(--cream); border-radius:18px; box-shadow:0 13px 28px rgba(36,86,50,.22); }.hero-image figcaption { margin:12px 7px 0; color:var(--green); font-family:Georgia,serif; font-size:1rem; font-style:italic; }
.contract { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:clamp(48px,8vw,86px); padding:18px 0; border-top:1px solid rgba(34,91,56,.18); border-bottom:1px solid rgba(34,91,56,.18); }.contract .eyebrow { margin:0 0 5px; }.contract code { font-family:"Courier New",monospace; font-size:clamp(1rem,2vw,1.25rem); }.copy-button { flex:0 0 auto; border:2px solid var(--green); border-radius:999px; padding:11px 17px; color:var(--cream); background:var(--green); cursor:pointer; font:800 .78rem Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; }.copy-button:hover { background:#327344; } footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 0 0; color:var(--green); font-family:Georgia,serif; font-size:.93rem; } footer nav { display:flex; gap:18px; } footer a { color:var(--green-deep); text-underline-offset:4px; }
@media (max-width:680px) { .page-shell { padding:10px; }.meadow { min-height:calc(100svh - 20px); padding:18px; border-radius:20px; }.content-card { padding:25px 22px; border-radius:18px; }.hero { grid-template-columns:1fr; }.hero-image { width:min(88%,360px); margin:5px auto 0; }.intro { margin-top:23px; }.contract { margin-top:48px; }.topline { padding-bottom:34px; } footer { align-items:flex-start; flex-direction:column; } }