:root{--canvas-w: 1600px;--canvas-h: 900px;--ink: #0b0b0b;--ink-2: #1a1a1a;--muted: #8b8b8b;--muted-2: #6f6f6f;--panel: #f6f6f6;--field: #ebebeb;--field-2: #e4e4e4;--line: #e6e6e6;--page: #ffffff;--r-pill: 999px;--r-panel: 20px;--r-field: 10px;--r-media: 26px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;background:#0e0f11}.demo{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:clamp(16px,4vw,48px)}.frame{position:relative;width:100%;aspect-ratio:1600 / 900;overflow:hidden}.frame__canvas{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}:where(.frame),:where(.frame) *,:where(.frame) *:before,:where(.frame) *:after{box-sizing:border-box}:where(.frame){font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}:where(.frame) button,:where(.frame) input,:where(.frame) select,:where(.frame) textarea{font:inherit;color:inherit}.h18{position:relative;width:100%;height:100%;background:#e8eaec;font-family:Inter,system-ui,sans-serif}.h18__card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#8ba36a}.h18__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.h18__photo{object-fit:cover}.h18__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e2c1866,#1e2c180f 34%,#1e2c1800 55%)}.h18__title{position:absolute;top:118px;left:0;right:0;z-index:2;margin:0;text-align:center;font-size:42px;font-weight:500;line-height:1.32;letter-spacing:-.024em;color:#fff;text-shadow:0 2px 22px rgba(20,32,16,.4)}.h18__chip{display:inline-block;width:54px;height:32px;margin:0 4px -6px;border-radius:7px;background:radial-gradient(60% 70% at 30% 40%,#f2d34a,#f2d34a00 70%),linear-gradient(150deg,#4f7a2e,#2f4d1a);box-shadow:inset 0 0 0 1px #ffffff4d}.h18__sub{position:absolute;top:258px;left:50%;z-index:2;width:760px;transform:translate(-50%);margin:0;text-align:center;font-size:14.5px;line-height:1.6;letter-spacing:-.005em;color:#ffffffe0;text-shadow:0 1px 12px rgba(20,32,16,.4)}.h18__cta{position:absolute;top:330px;left:50%;z-index:2;transform:translate(-50%);display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 8px 0 26px;border-radius:10px;background:#fff;font-size:14.5px;font-weight:500;letter-spacing:-.012em;color:#14200f;text-decoration:none;box-shadow:0 12px 30px #1420103d;transition:transform .18s ease}.h18__cta:hover{transform:translate(-50%) translateY(-2px)}.h18__ctaGo{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#14200f;color:#fff}.h18__ctaGo svg{width:16px;height:16px}.h18__bar{position:absolute;left:0;right:0;bottom:0;height:348px;z-index:2;padding:24px 70px 0;border-top:1px solid rgba(255,255,255,.4);background:linear-gradient(180deg,#96ac7a80,#7e96649e);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);display:flex;flex-direction:column;overflow:hidden}.h18__meta{display:flex;align-items:center;gap:22px;font-size:12.5px;letter-spacing:-.002em;color:#fff}.h18__meta i{flex:1;height:1px;background:#ffffff80}.h18__nav{display:flex;justify-content:space-between;margin-top:26px;padding:0 4px}.h18__nav a{font-size:13.5px;letter-spacing:-.005em;color:#fff;text-decoration:none;opacity:.94;transition:opacity .18s ease}.h18__nav a:hover{opacity:1;text-decoration:underline}.h18__wordmark{margin:auto -70px -56px;display:block;text-align:center;font-size:244px;font-weight:500;line-height:1;letter-spacing:-.03em;white-space:nowrap;color:#fff;-webkit-user-select:none;user-select:none}