/* KutApps design system */
:root {
  --ink: #17171d;
  --ink-soft: #62626d;
  --ink-faint: #8b8b94;
  --paper: #f8f8f5;
  --surface: #ffffff;
  --surface-soft: #f1f1ed;
  --line: rgba(23, 23, 29, 0.1);
  --line-strong: rgba(23, 23, 29, 0.16);
  --accent: #5d5ce2;
  --accent-dark: #4543c7;
  --accent-soft: #eae9ff;
  --farm: #6b8d5e;
  --farm-dark: #304c35;
  --farm-soft: #e6eee0;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-xl: 44px;
  --shadow-sm: 0 1px 2px rgba(24, 24, 30, 0.05), 0 8px 24px rgba(24, 24, 30, 0.04);
  --shadow-lg: 0 30px 80px rgba(29, 27, 50, 0.12), 0 4px 20px rgba(29, 27, 50, 0.05);
  --container: 1240px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
svg { display: block; }
::selection { color: #fff; background: var(--accent); }

.skip-link {
  position: fixed; z-index: 1000; top: 10px; left: 10px; transform: translateY(-150%);
  padding: 10px 16px; border-radius: 8px; color: #fff; background: var(--ink);
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(93, 92, 226, 0.4); outline-offset: 4px; border-radius: 4px; }
.section-shell { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }

/* Brand and navigation */
.site-header {
  position: fixed; z-index: 100; inset: 0 0 auto; padding-top: max(12px, env(safe-area-inset-top));
  transition: background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.site-header.is-scrolled, .site-header:has(.mobile-nav:not([hidden])) {
  background: rgba(248, 248, 245, 0.86); box-shadow: 0 1px 0 var(--line);
  -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
}
.nav-shell { width: min(calc(100% - 48px), var(--container)); min-height: 68px; margin: 0 auto; display: flex; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); }
.brand-mark { width: 30px; height: 30px; flex: 0 0 auto; display: block; }
.brand-wordmark { font-size: 21px; line-height: 1; font-weight: 680; letter-spacing: -.052em; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 34px; }
.desktop-nav a { position: relative; padding: 12px 0; color: #56565f; font-size: 14px; font-weight: 560; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: 7px; left: 0; height: 1px; background: var(--ink); transform: scaleX(0); transform-origin: right; transition: transform .25s var(--ease); }
.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.nav-contact { margin-left: 40px; padding: 10px 15px; border: 1px solid var(--line-strong); border-radius: 999px; background: rgba(255,255,255,.58); font-size: 13px; font-weight: 650; transition: transform .2s ease, background .2s ease; }
.nav-contact:hover { transform: translateY(-2px); background: #fff; }
.nav-contact span { margin-left: 5px; color: var(--accent); }
.menu-toggle { display: none; position: relative; width: 44px; height: 44px; margin-left: auto; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.menu-toggle span { position: absolute; left: 11px; width: 22px; height: 1.5px; background: var(--ink); transition: transform .25s ease, top .25s ease; }
.menu-toggle span:first-child { top: 17px; }
.menu-toggle span:last-child { top: 25px; }
.menu-toggle[aria-expanded="true"] span:first-child { top: 21px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { top: 21px; transform: rotate(-45deg); }
.mobile-nav { display: none; height: calc(100dvh - 80px); padding: 40px 24px max(40px, env(safe-area-inset-bottom)); }
.mobile-nav a { display: block; padding: 15px 0; border-bottom: 1px solid var(--line); font-size: clamp(27px, 9vw, 42px); line-height: 1.25; font-weight: 620; letter-spacing: -.04em; }

/* Home hero */
.hero { min-height: 820px; padding-top: 150px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 70px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--ink-soft); font-size: 12px; line-height: 1; font-weight: 720; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(93,92,226,.1); }
.hero h1 { max-width: 680px; margin: 0; font-size: clamp(66px, 7.2vw, 112px); line-height: .9; letter-spacing: -.075em; font-weight: 680; }
.hero h1 em, .about-sticky h2 em { color: var(--accent); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.hero-lead { max-width: 550px; margin: 36px 0 0; color: var(--ink-soft); font-size: 19px; line-height: 1.65; letter-spacing: -.015em; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.button { min-height: 52px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; border-radius: 999px; font-size: 14px; font-weight: 680; transition: transform .25s var(--ease), box-shadow .25s ease, background .25s ease; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: #fff; background: var(--ink); box-shadow: 0 10px 30px rgba(23,23,29,.15); }
.button-primary:hover { box-shadow: 0 16px 36px rgba(23,23,29,.22); }
.text-link { padding: 13px 0; color: var(--ink-soft); font-size: 14px; font-weight: 650; }
.text-link span { display: inline-block; margin-left: 6px; transition: transform .2s ease; }
.text-link:hover span { transform: translateX(5px); }

.hero-visual { position: relative; height: 650px; isolation: isolate; display: grid; place-items: center; }
.hero-visual::before { content: ""; position: absolute; z-index: -3; width: 590px; height: 590px; border: 1px solid rgba(93,92,226,.12); border-radius: 50%; }
.hero-visual::after { content: ""; position: absolute; z-index: -2; width: 470px; height: 470px; border: 1px dashed rgba(93,92,226,.17); border-radius: 50%; animation: orbit 35s linear infinite; }
.orb { position: absolute; z-index: -4; border-radius: 50%; filter: blur(2px); }
.orb-one { top: 60px; right: 20px; width: 300px; height: 300px; background: rgba(178,175,255,.4); filter: blur(65px); }
.orb-two { bottom: 35px; left: 30px; width: 260px; height: 260px; background: rgba(186,218,195,.36); filter: blur(70px); }
.phone { position: relative; width: 270px; height: 554px; padding: 9px; border: 1px solid #36363a; border-radius: 44px; background: #17171a; box-shadow: 0 45px 100px rgba(31,30,54,.24), inset 0 0 0 1px rgba(255,255,255,.16); transform: rotate(3deg); }
.phone::after { content: ""; position: absolute; top: 15px; left: 50%; width: 78px; height: 22px; border-radius: 14px; background: #18181a; transform: translateX(-50%); }
.phone-screen { height: 100%; padding: 14px 17px; overflow: hidden; border-radius: 35px; background: #f8faf5; }
.phone-status { height: 27px; display: flex; justify-content: space-between; padding: 1px 5px; color: #171c18; font-size: 8px; font-weight: 700; }
.status-icons { letter-spacing: 2px; }
.app-topline { margin-top: 8px; display: flex; align-items: center; gap: 7px; color: var(--farm-dark); font-size: 8px; font-weight: 700; }
.app-topline i { width: 21px; height: 21px; margin-left: auto; border-radius: 50%; background: #e4ebdf; }
.mini-mark { width: 18px; height: 18px; border-radius: 5px; background: var(--farm); }
.phone-greeting { margin: 26px 0 3px; color: #899087; font-size: 9px; }
.phone h2 { margin: 0; color: #223128; font-size: 25px; line-height: 1.02; letter-spacing: -.045em; }
.metric-card { min-height: 138px; margin-top: 18px; padding: 16px; border-radius: 19px; color: #fff; background: linear-gradient(145deg, #3f6549, #284131); position: relative; }
.metric-card small { display: block; font-size: 8px; opacity: .7; }
.metric-card strong { display: block; margin-top: 6px; font-size: 28px; font-weight: 500; }
.metric-arrow { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: rgba(255,255,255,.13); font-size: 9px; }
.metric-chart { position: absolute; right: 16px; bottom: 15px; left: 16px; height: 35px; display: flex; align-items: flex-end; gap: 5px; }
.metric-chart i { flex: 1; border-radius: 3px 3px 0 0; background: rgba(210,233,203,.7); }
.metric-chart i:nth-child(1) { height: 30%; }.metric-chart i:nth-child(2) { height: 50%; }.metric-chart i:nth-child(3) { height: 42%; }.metric-chart i:nth-child(4) { height: 72%; }.metric-chart i:nth-child(5) { height: 62%; }.metric-chart i:nth-child(6) { height: 91%; }
.quick-label { margin: 21px 2px 10px; display: flex; justify-content: space-between; color: #354039; font-size: 9px; font-weight: 700; }
.quick-label small { color: #8e968d; font-size: 7px; }
.quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.quick-grid div { height: 80px; padding: 11px; border: 1px solid rgba(57,83,63,.1); border-radius: 15px; background: #fff; }
.quick-grid span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: #fff; background: var(--farm); font-size: 11px; }
.quick-grid small { display: block; margin-top: 8px; color: #536057; font-size: 7px; font-weight: 650; }
.phone-nav { position: absolute; right: 26px; bottom: 17px; left: 26px; height: 39px; display: flex; justify-content: space-around; align-items: center; border: 1px solid rgba(0,0,0,.05); border-radius: 16px; background: rgba(255,255,255,.85); box-shadow: 0 5px 20px rgba(31,52,37,.08); }
.phone-nav i { width: 11px; height: 11px; border-radius: 3px; background: #cbd2ca; }.phone-nav i:first-child { background: var(--farm); }
.float-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 11px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.8); border-radius: 15px; background: rgba(255,255,255,.76); box-shadow: var(--shadow-lg); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); animation: float 5s ease-in-out infinite; }
.float-card b, .float-card small { display: block; white-space: nowrap; }.float-card b { font-size: 10px; }.float-card small { margin-top: 2px; color: var(--ink-faint); font-size: 8px; }
.float-card-top { top: 126px; left: 0; }
.float-card-bottom { right: -4px; bottom: 125px; animation-delay: -2s; }
.float-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--accent); background: var(--accent-soft); }
.float-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.pulse-dot { width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: #87aa76; box-shadow: 0 0 0 4px rgba(135,170,118,.18); }
.visual-caption { position: absolute; right: 50px; bottom: 40px; color: var(--ink-faint); font-family: Georgia, serif; font-size: 12px; font-style: italic; transform: rotate(-5deg); }

/* Principles */
.principles { padding: 40px 0 125px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.principle { min-height: 170px; padding: 29px 40px 0 0; display: grid; grid-template-columns: 40px 1fr; gap: 17px; }
.principle + .principle { padding-left: 40px; border-left: 1px solid var(--line); }
.principle-number { color: var(--accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
.principle h2 { margin: -4px 0 12px; font-size: 19px; line-height: 1.25; letter-spacing: -.03em; }
.principle p { margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.7; }

/* Apps */
.apps-section { padding: 118px 0; background: #efefeb; }
.section-heading { margin-bottom: 55px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.section-heading h2 { margin: 0; font-size: clamp(42px, 5.2vw, 72px); line-height: 1.02; letter-spacing: -.06em; font-weight: 625; }
.section-heading > p { width: 280px; margin: 0 0 8px; color: var(--ink-soft); font-size: 15px; }
.featured-app { min-height: 680px; display: grid; grid-template-columns: .92fr 1.08fr; overflow: hidden; border: 1px solid rgba(34,57,40,.11); border-radius: var(--radius-xl); background: #fbfcf9; box-shadow: var(--shadow-sm); }
.app-copy { padding: 64px 40px 55px 60px; display: flex; flex-direction: column; align-items: flex-start; }
.app-meta { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.app-icon { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #7b9b6e, #486e51); box-shadow: 0 12px 28px rgba(59,91,66,.2), inset 0 1px 0 rgba(255,255,255,.25); }
.app-icon svg { width: 38px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.status-badge { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(72,110,81,.16); border-radius: 999px; color: var(--farm-dark); background: var(--farm-soft); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.status-badge i { width: 6px; height: 6px; border-radius: 50%; background: #709460; box-shadow: 0 0 0 4px rgba(112,148,96,.12); }
.app-kicker { margin: 46px 0 7px; color: var(--farm); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.app-copy h3 { margin: 0; font-size: clamp(42px, 5vw, 66px); line-height: 1; letter-spacing: -.06em; font-weight: 650; }
.app-description { max-width: 520px; margin: 25px 0 0; color: var(--ink-soft); font-size: 16px; line-height: 1.75; }
.feature-pills { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.feature-pills span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: #555c56; background: #fff; font-size: 11px; font-weight: 600; }
.coming-note { margin-top: auto; padding-top: 36px; display: flex; gap: 13px; align-items: center; color: #5d675f; }
.coming-note > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--farm-soft); }
.coming-note p { margin: 0; font-size: 11px; line-height: 1.5; }.coming-note strong { color: var(--farm-dark); font-size: 12px; }
.app-detail-link { margin-top: 20px; padding: 12px 0 4px; display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(48,76,53,.45); color: var(--farm-dark); font-size: 13px; font-weight: 720; }
.app-detail-link span { transition: transform .2s ease; }.app-detail-link:hover span { transform: translateX(5px); }
.app-showcase { position: relative; min-height: 680px; overflow: hidden; background: linear-gradient(145deg, #dce8d5, #b9cfb3); isolation: isolate; }
.app-showcase::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .38; background-image: linear-gradient(rgba(49,77,55,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(49,77,55,.13) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.grid-glow { position: absolute; width: 480px; height: 480px; top: 70px; left: 80px; border-radius: 50%; background: rgba(255,255,255,.7); filter: blur(100px); }
.showcase-phone { position: absolute; width: 250px; height: 510px; padding: 8px; border-radius: 40px; background: #1a1f1b; box-shadow: 0 35px 70px rgba(32,60,39,.25), inset 0 0 0 1px rgba(255,255,255,.16); }
.showcase-phone::before { content: ""; position: absolute; z-index: 2; top: 14px; left: 50%; width: 70px; height: 20px; border-radius: 15px; background: #1a1f1b; transform: translateX(-50%); }
.showcase-screen { height: 100%; padding: 39px 15px 15px; overflow: hidden; border-radius: 33px; background: #f8faf6; }
.phone-back { top: 80px; left: 8%; transform: rotate(-8deg); opacity: .93; }
.phone-front { right: 6%; bottom: -35px; transform: rotate(5deg); }
.screen-bar { display: flex; align-items: center; justify-content: space-between; color: #34473a; font-size: 9px; font-weight: 750; }
.screen-bar i { width: 20px; height: 20px; border-radius: 7px; background: var(--farm-soft); }.screen-bar b { font-size: 14px; }.detail-screen .screen-bar i { width: auto; height: auto; background: transparent; font-style: normal; }
.search-bar { margin: 24px 0 13px; padding: 10px; border-radius: 10px; color: #98a097; background: #edf1eb; font-size: 8px; }
.animal-row { padding: 12px 0; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #e6eae4; }
.animal-thumb { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--farm); background: var(--farm-soft); font-size: 8px; font-weight: 700; }
.animal-row span:nth-child(2) { flex: 1; }.animal-row b, .animal-row small { display: block; }.animal-row b { color: #3b483f; font-size: 8px; }.animal-row small { margin-top: 3px; color: #989f99; font-size: 6px; }.animal-row i { color: #99a19a; font-style: normal; }
.animal-portrait { height: 130px; margin: 23px 0 14px; display: grid; place-items: center; border-radius: 20px; background: linear-gradient(145deg, #e6eee1, #d5e2d0); }
.animal-portrait svg { width: 90px; fill: none; stroke: #58705d; stroke-width: 2; stroke-linecap: round; }
.detail-screen h4 { margin: 0; color: #314037; font-size: 16px; letter-spacing: -.03em; }.detail-screen > small { color: #8b958d; font-size: 7px; }
.detail-stats { margin: 17px 0 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.detail-stats span { padding: 10px; border-radius: 11px; background: #edf2ea; }.detail-stats small, .detail-stats b { display: block; }.detail-stats small { color: #8b958d; font-size: 6px; }.detail-stats b { margin-top: 4px; color: #405047; font-size: 9px; }
.health-line { padding: 11px 2px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e9e3; color: #56625a; font-size: 8px; font-weight: 650; }.health-line i { width: 16px; height: 4px; border-radius: 4px; background: #cad4c7; }
.showcase-chip { position: absolute; z-index: 5; display: flex; align-items: center; gap: 9px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.7); border-radius: 13px; color: #3c5141; background: rgba(255,255,255,.76); box-shadow: 0 15px 40px rgba(36,66,42,.15); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: 9px; }
.showcase-chip span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: var(--farm); }
.chip-health { top: 170px; right: 2%; }.chip-weight { left: 3%; bottom: 90px; }
.future-apps { margin-top: 20px; min-height: 250px; padding: 44px 52px; display: grid; grid-template-columns: 70px 1.1fr .8fr; align-items: center; gap: 30px; border: 1px dashed var(--line-strong); border-radius: var(--radius-lg); background: rgba(255,255,255,.35); }
.future-icon { width: 58px; height: 58px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.65); }
.future-icon i { border-radius: 4px; background: #d8d8d3; }.future-icon i:nth-child(2) { background: var(--accent-soft); }.future-icon i:nth-child(3) { background: #e3ece0; }
.future-kicker { margin: 0 0 8px; color: var(--accent); font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.future-apps h3 { margin: 0; font-size: 31px; line-height: 1.14; letter-spacing: -.045em; }.future-apps > p { margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.75; }

/* About and CTA */
.about-section { padding: 150px 0; display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }
.about-sticky { align-self: start; position: sticky; top: 130px; }
.about-sticky h2 { margin: 0; font-size: clamp(64px, 7vw, 96px); line-height: .9; letter-spacing: -.07em; font-weight: 650; }
.about-lead { margin: 0 0 60px; font-size: clamp(25px, 3vw, 38px); line-height: 1.35; letter-spacing: -.04em; }
.value-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.value-card { min-height: 220px; padding: 30px 30px 30px 0; border-bottom: 1px solid var(--line); }
.value-card:nth-child(even) { padding-left: 30px; border-left: 1px solid var(--line); }
.value-card span { color: var(--accent); font-family: ui-monospace, monospace; font-size: 10px; }.value-card h3 { margin: 35px 0 9px; font-size: 22px; letter-spacing: -.035em; }.value-card p { max-width: 260px; margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.7; }
.support-cta { position: relative; min-height: 420px; margin-bottom: 110px; padding: 70px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; border-radius: var(--radius-xl); color: #fff; background: #19191f; }
.support-cta::before { content: ""; position: absolute; width: 500px; height: 500px; right: -100px; top: -200px; border-radius: 50%; background: var(--accent); opacity: .38; filter: blur(90px); }
.support-cta::after { content: ""; position: absolute; width: 340px; height: 340px; right: 100px; bottom: -240px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.025), 0 0 0 120px rgba(255,255,255,.018); }
.cta-noise { position: absolute; inset: 0; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.cta-copy { position: relative; z-index: 2; max-width: 580px; }.eyebrow-light { color: rgba(255,255,255,.55); }.eyebrow-light > span { background: #a9a8ff; box-shadow: 0 0 0 4px rgba(169,168,255,.12); }
.cta-copy h2 { margin: 0; font-size: clamp(48px, 6vw, 76px); line-height: 1; letter-spacing: -.06em; }.cta-copy > p:last-child { max-width: 500px; margin: 22px 0 32px; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.7; }
.button-light { position: relative; z-index: 3; color: var(--ink); background: #fff; }.button-light:hover { box-shadow: 0 14px 30px rgba(0,0,0,.25); }

/* Support page */
.subpage-main { padding-top: 90px; }
.subpage-hero { min-height: 600px; padding-top: 110px; padding-bottom: 70px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; }
.subpage-hero h1, .legal-hero h1 { margin: 0; font-size: clamp(64px, 8vw, 108px); line-height: .91; letter-spacing: -.07em; font-weight: 650; }
.subpage-hero > div:first-child > p:last-child { max-width: 470px; margin: 34px 0 0; color: var(--ink-soft); font-size: 18px; line-height: 1.7; }
.support-symbol { position: relative; min-height: 390px; display: grid; place-items: center; }
.support-symbol::before { content: ""; position: absolute; width: 350px; height: 350px; border-radius: 50%; background: radial-gradient(circle, rgba(93,92,226,.16), rgba(93,92,226,0) 67%); }
.support-ring { position: relative; z-index: 2; width: 210px; height: 210px; display: grid; place-items: center; border: 1px solid rgba(93,92,226,.2); border-radius: 50%; box-shadow: 0 0 0 36px rgba(93,92,226,.04), 0 0 0 72px rgba(93,92,226,.025); }
.support-ring span { width: 92px; height: 92px; display: grid; place-items: center; border-radius: 30px; color: #fff; background: linear-gradient(145deg, #7675f0, var(--accent-dark)); box-shadow: 0 25px 50px rgba(69,67,199,.25); font-family: Georgia, serif; font-size: 49px; }
.support-symbol > i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(93,92,226,.1); }.support-symbol > i:nth-child(2) { top: 70px; left: 23%; }.support-symbol > i:nth-child(3) { right: 18%; bottom: 80px; width: 6px; height: 6px; }.support-symbol > i:nth-child(4) { right: 15%; top: 90px; background: #aeadff; }
.contact-panel { min-height: 500px; padding: 70px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-radius: var(--radius-xl); color: #fff; background: var(--ink); }
.panel-number { display: block; margin-bottom: 70px; color: #81818a; font-family: ui-monospace, monospace; font-size: 11px; }.contact-panel .eyebrow { color: #96969e; }.contact-panel h2 { margin: 0; font-size: clamp(42px,5vw,64px); line-height: 1.08; letter-spacing: -.055em; }.contact-details { display: flex; flex-direction: column; justify-content: flex-end; }.contact-details > p { max-width: 460px; margin: 0 0 32px; color: #aaaab1; font-size: 16px; line-height: 1.75; }
.email-card { min-height: 100px; padding: 18px; display: flex; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: rgba(255,255,255,.06); transition: transform .25s var(--ease), background .25s ease; }.email-card:hover { transform: translateY(-3px); background: rgba(255,255,255,.1); }.email-icon { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--accent); }.email-card span:nth-child(2) { min-width: 0; flex: 1; }.email-card small, .email-card strong { display: block; }.email-card small { margin-bottom: 2px; color: #929299; font-size: 10px; }.email-card strong { overflow-wrap: anywhere; font-size: 14px; }.email-card > i { margin-left: auto; color: #898990; font-style: normal; }
.help-future { margin-top: 24px; margin-bottom: 120px; padding: 55px 60px; display: grid; grid-template-columns: 75px 1fr .9fr; align-items: center; gap: 35px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }.help-future h2 { max-width: 470px; margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.04em; }.help-future > p { margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.75; }

/* Legal page */
.legal-main { padding-top: 90px; }
.legal-hero { min-height: 520px; padding-top: 95px; padding-bottom: 80px; display: grid; grid-template-columns: 1fr auto; align-items: end; border-bottom: 1px solid var(--line); }
.legal-hero .eyebrow { grid-column: 1 / -1; align-self: start; }.legal-hero > div { margin-bottom: 8px; text-align: right; }.legal-hero > div span, .legal-hero > div strong { display: block; }.legal-hero > div span { color: var(--ink-faint); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.legal-hero > div strong { margin-top: 6px; font-size: 13px; }
.legal-layout { padding-top: 80px; padding-bottom: 130px; display: grid; grid-template-columns: 260px minmax(0, 720px); justify-content: space-between; gap: 80px; }
.legal-aside { position: sticky; top: 125px; align-self: start; display: flex; flex-direction: column; gap: 9px; }.legal-aside > span { margin-bottom: 13px; color: var(--ink-faint); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.legal-aside a { width: fit-content; padding: 4px 0; color: var(--ink-soft); font-size: 13px; transition: color .2s ease, transform .2s ease; }.legal-aside a:hover { color: var(--accent); transform: translateX(4px); }
.legal-content section { position: relative; padding: 0 0 65px 60px; border-bottom: 1px solid var(--line); }.legal-content section + section { padding-top: 65px; }.legal-content section:last-child { border-bottom: 0; }.legal-number { position: absolute; left: 0; top: 6px; color: var(--accent); font-family: ui-monospace, monospace; font-size: 10px; }.legal-content section + section .legal-number { top: 71px; }.legal-content h2 { margin: 0 0 20px; font-size: 31px; letter-spacing: -.04em; }.legal-content p { margin: 0 0 17px; color: #55555e; font-size: 16px; line-height: 1.85; }.legal-content strong { color: var(--ink); }.legal-email { display: inline-flex; align-items: center; gap: 13px; margin-top: 8px; padding-bottom: 3px; border-bottom: 1px solid var(--ink); font-weight: 680; }.legal-email span { color: var(--accent); }

/* Footer */
.site-footer { padding-top: 75px; padding-bottom: max(25px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #f2f2ee; }
.footer-main { padding-bottom: 75px; display: flex; justify-content: space-between; gap: 60px; }.footer-brand p { margin: 25px 0 0; color: var(--ink-soft); font-size: 14px; line-height: 1.6; }.footer-links { display: grid; grid-template-columns: repeat(3, minmax(120px, auto)); gap: clamp(40px, 7vw, 95px); }.footer-links div { display: flex; flex-direction: column; gap: 11px; }.footer-links span { margin-bottom: 7px; color: var(--ink-faint); font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }.footer-links a { width: fit-content; color: #505058; font-size: 13px; }.footer-links a:hover { color: var(--accent); }.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: var(--ink-faint); font-size: 10px; }.footer-bottom p { margin: 0; }

/* Çiftlik Defteri product area */
.farm-page { --farm-page:#f4f7f1; --farm-ink:#1d3023; --farm-muted:#68766b; --farm-accent:#5e875a; --farm-accent-dark:#36563c; --farm-line:rgba(43,76,51,.13); background:var(--farm-page); }
.farm-page .site-header.is-scrolled,.farm-page .site-header:has(.mobile-nav:not([hidden])) { background:rgba(244,247,241,.88); }
.product-label { margin-left:16px; padding-left:16px; border-left:1px solid var(--line-strong); color:var(--farm-muted); font-size:12px; font-weight:650; letter-spacing:-.01em; white-space:nowrap; }
.farm-nav-contact span { color:var(--farm-accent); }.farm-eyebrow>span { background:var(--farm-accent); box-shadow:0 0 0 4px rgba(94,135,90,.11); }
.farm-hero { min-height:850px; padding-top:155px; padding-bottom:95px; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:70px; }.farm-hero-copy { position:relative; z-index:2; }
.farm-app-id { margin-bottom:38px; display:flex; align-items:center; gap:18px; }.farm-app-id .app-icon { width:58px; height:58px; border-radius:15px; }.farm-app-id .app-icon svg { width:33px; }
.farm-hero h1 { margin:0; color:var(--farm-ink); font-size:clamp(61px,6.4vw,96px); line-height:.94; letter-spacing:-.07em; font-weight:650; }.farm-hero h1 em,.farm-support-hero h1 em { color:var(--farm-accent); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.farm-hero-lead { max-width:570px; margin:30px 0 0; color:var(--farm-muted); font-size:18px; line-height:1.7; letter-spacing:-.015em; }.farm-button { color:#fff; background:var(--farm-ink); box-shadow:0 10px 30px rgba(29,48,35,.16); }.farm-button:hover { box-shadow:0 16px 36px rgba(29,48,35,.22); }
.development-note { margin:25px 0 0; display:flex; align-items:center; gap:9px; color:#7d887f; font-size:10px; }.development-note i { width:6px; height:6px; border-radius:50%; background:var(--farm-accent); box-shadow:0 0 0 4px rgba(94,135,90,.1); }
.farm-hero-visual { position:relative; min-height:650px; display:grid; place-items:center; isolation:isolate; }.farm-halo { position:absolute; z-index:-2; width:570px; height:570px; border-radius:50%; background:radial-gradient(circle at 50% 45%,rgba(194,218,185,.75),rgba(227,237,222,.45) 45%,transparent 70%); }
.farm-hero-visual::before,.farm-hero-visual::after { content:""; position:absolute; z-index:-1; border:1px solid rgba(68,104,73,.13); border-radius:50%; }.farm-hero-visual::before { width:540px; height:540px; }.farm-hero-visual::after { width:430px; height:430px; border-style:dashed; animation:orbit 40s linear infinite; }
.farm-phone { position:relative; width:282px; height:575px; padding:9px; border:1px solid #263329; border-radius:46px; background:#17211a; box-shadow:0 45px 90px rgba(39,72,46,.24),inset 0 0 0 1px rgba(255,255,255,.15); transform:rotate(3deg); }.farm-phone::before { content:""; position:absolute; z-index:3; top:16px; left:50%; width:80px; height:22px; border-radius:15px; background:#17211a; transform:translateX(-50%); }
.farm-phone-screen { height:100%; padding:14px 17px 20px; overflow:hidden; border-radius:37px; background:#fbfcf9; }.farm-status { height:30px; padding:2px 6px; display:flex; justify-content:space-between; color:#26372b; font-size:8px; font-weight:750; }
.farm-phone-top { margin-top:9px; display:flex; align-items:center; gap:9px; }.farm-mini-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(145deg,#7a9b6e,#486f51); font-size:7px; font-weight:750; }.farm-phone-top>span:nth-child(2) { flex:1; }.farm-phone-top small,.farm-phone-top b { display:block; }.farm-phone-top small { color:#98a099; font-size:6px; }.farm-phone-top b { color:#34473a; font-size:9px; }.farm-phone-top i { width:24px; height:24px; border-radius:50%; background:#e9eee6; }
.overview-card { position:relative; min-height:175px; margin-top:24px; padding:19px; overflow:hidden; border-radius:21px; color:#fff; background:linear-gradient(145deg,#42684a,#27442f); }.overview-card::after { content:""; position:absolute; width:130px; height:130px; right:-50px; top:-60px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.025); }.overview-card small { opacity:.58; font-size:7px; }.overview-card h2 { margin:7px 0 0; font-size:17px; line-height:1.15; letter-spacing:-.035em; }
.overview-chart { position:absolute; right:18px; bottom:18px; left:18px; height:44px; display:flex; align-items:flex-end; gap:6px; }.overview-chart i { flex:1; border-radius:3px 3px 0 0; background:rgba(197,224,188,.66); }.overview-chart i:nth-child(1){height:28%}.overview-chart i:nth-child(2){height:47%}.overview-chart i:nth-child(3){height:38%}.overview-chart i:nth-child(4){height:68%}.overview-chart i:nth-child(5){height:55%}.overview-chart i:nth-child(6){height:78%}.overview-chart i:nth-child(7){height:92%}
.farm-section-title { margin:22px 2px 11px; display:flex; justify-content:space-between; color:#3e4d43; font-size:8px; }.farm-section-title span { color:#9aa29a; font-size:7px; }.farm-quick-cards { display:flex; flex-direction:column; gap:7px; }.farm-quick-cards>div { padding:9px 11px; display:flex; align-items:center; gap:9px; border:1px solid #e8ece6; border-radius:12px; background:#fff; }.farm-quick-cards i { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; color:var(--farm-accent); background:#ebf1e8; font-size:10px; font-style:normal; }.farm-quick-cards b,.farm-quick-cards small { display:block; }.farm-quick-cards b { color:#46544a; font-size:7px; }.farm-quick-cards small { color:#a0a7a1; font-size:6px; }
.farm-float-card { position:absolute; z-index:5; padding:11px 14px; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.82); border-radius:15px; color:var(--farm-ink); background:rgba(255,255,255,.77); box-shadow:0 20px 50px rgba(42,70,47,.14); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); animation:float 5s ease-in-out infinite; }.farm-float-card small,.farm-float-card b { display:block; white-space:nowrap; }.farm-float-card small { color:#859087; font-size:7px; }.farm-float-card b { margin-top:2px; font-size:9px; }.float-animal { top:128px; left:-2px; }.float-stock { right:-2px; bottom:140px; animation-delay:-2.5s; }
.cow-line { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#e5eee1; }.cow-line svg { width:27px; fill:none; stroke:var(--farm-accent-dark); stroke-width:1.5; stroke-linecap:round; }.stock-ring { width:36px; height:36px; display:grid; place-items:center; border:4px solid #dfeadc; border-top-color:var(--farm-accent); border-radius:50%; color:var(--farm-accent-dark); font-size:8px; font-weight:800; }
.field-line { position:absolute; z-index:-1; width:110px; height:55px; border-top:1px solid rgba(79,119,84,.18); border-radius:50%; transform:rotate(-25deg); }.field-one { left:25px; bottom:90px; }.field-two { right:16px; top:90px; transform:rotate(155deg); }
.farm-intro { padding:115px 0; display:grid; grid-template-columns:.55fr 1.45fr; gap:80px; border-top:1px solid var(--farm-line); }.farm-intro>p:last-child { max-width:850px; margin:-12px 0 0; color:var(--farm-ink); font-size:clamp(27px,3.2vw,43px); line-height:1.34; letter-spacing:-.04em; }
.farm-features { padding:125px 0; background:#e8eee4; }.farm-features .section-heading { margin-bottom:65px; }.farm-features .section-heading h2 { color:var(--farm-ink); }.farm-features .section-heading>p { color:var(--farm-muted); }
.feature-story { min-height:650px; display:grid; grid-template-columns:.86fr 1.14fr; overflow:hidden; border:1px solid var(--farm-line); border-radius:var(--radius-xl); background:#fbfcf9; }.feature-story-copy { padding:60px 48px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.story-number { color:var(--farm-accent); font-family:ui-monospace,monospace; font-size:10px; }.story-kicker { margin:48px 0 9px; color:var(--farm-accent); font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }.feature-story h3,.feature-tile h3 { margin:0; color:var(--farm-ink); font-size:clamp(39px,4vw,56px); line-height:1.05; letter-spacing:-.055em; }.feature-story-copy>p:last-of-type,.feature-tile>div:first-child>p:last-child { max-width:470px; margin:23px 0 0; color:var(--farm-muted); font-size:15px; line-height:1.75; }.story-tags { margin-top:27px; display:flex; flex-wrap:wrap; gap:7px; }.story-tags span { padding:7px 10px; border:1px solid var(--farm-line); border-radius:999px; color:#607164; background:#f6f8f4; font-size:10px; font-weight:650; }
.feature-art { position:relative; min-height:650px; overflow:hidden; background:linear-gradient(145deg,#c7d8bf,#a8c1a5); }.feature-art::before { content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(50,84,56,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(50,84,56,.12) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(#000,transparent); }
.animal-profile-card { position:absolute; width:310px; height:455px; top:70px; left:50%; padding:24px; border-radius:28px; background:#f9fbf7; box-shadow:0 28px 65px rgba(36,67,42,.22); transform:translateX(-50%) rotate(2deg); }.profile-top { display:flex; align-items:center; justify-content:space-between; color:#526056; font-size:8px; }.profile-top span { display:flex; align-items:center; gap:7px; }.profile-top i { width:20px; height:20px; border-radius:7px; background:var(--farm-soft); }.profile-top em { color:#9da59e; font-style:normal; }.profile-photo { height:180px; margin-top:23px; display:grid; place-items:center; border-radius:20px; background:#e4ecdf; }.profile-photo svg { width:125px; fill:none; stroke:#58705d; stroke-width:1.7; stroke-linecap:round; }.profile-name { margin-top:17px; display:flex; align-items:center; justify-content:space-between; }.profile-name b,.profile-name small { display:block; }.profile-name b { color:#39483e; font-size:12px; }.profile-name small { margin-top:3px; color:#9aa29b; font-size:7px; }.profile-name i { padding:5px 8px; border-radius:999px; color:var(--farm-accent-dark); background:var(--farm-soft); font-size:6px; font-style:normal; font-weight:700; }.profile-data { margin-top:17px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.profile-data span { padding:12px; border-radius:12px; background:#edf2ea; }.profile-data small,.profile-data b { display:block; }.profile-data small { color:#929c94; font-size:6px; }.profile-data b { margin-top:4px; color:#425047; font-size:9px; }
.weight-card { position:absolute; right:6%; bottom:40px; width:210px; padding:15px; border:1px solid rgba(255,255,255,.8); border-radius:17px; color:#405047; background:rgba(255,255,255,.82); box-shadow:0 16px 45px rgba(36,67,42,.16); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }.weight-card>small { font-size:7px; font-weight:700; }.weight-card>div { height:48px; margin:10px 0 4px; display:flex; align-items:flex-end; gap:5px; }.weight-card i { flex:1; border-radius:2px 2px 0 0; background:#91ad88; }.weight-card i:nth-child(1){height:25%}.weight-card i:nth-child(2){height:38%}.weight-card i:nth-child(3){height:50%}.weight-card i:nth-child(4){height:55%}.weight-card i:nth-child(5){height:75%}.weight-card i:nth-child(6){height:88%}.weight-card>span { color:#9aa29b; font-size:5px; }.weight-card>span:last-child { float:right; }
.feature-pair { margin:22px 0; display:grid; grid-template-columns:1fr 1fr; gap:22px; }.feature-tile { min-height:650px; padding:50px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--farm-line); border-radius:var(--radius-xl); background:#fbfcf9; }.feature-tile h3 { margin-top:40px; font-size:clamp(35px,3.6vw,49px); }.feature-tile .story-kicker { margin:0 0 8px; }
.health-timeline { margin-top:auto; padding-top:40px; }.health-timeline>div { min-height:70px; padding:13px 0; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--farm-line); }.health-timeline>div>i { position:relative; width:13px; height:13px; flex:0 0 auto; border:3px solid #fff; border-radius:50%; background:var(--farm-accent); box-shadow:0 0 0 1px #aec4a8; }.health-timeline>div>i::after { content:""; position:absolute; width:1px; height:43px; top:13px; left:3px; background:#d3ded0; }.health-timeline>div:last-child>i::after { display:none; }.health-timeline span { flex:1; }.health-timeline b,.health-timeline small { display:block; }.health-timeline b { color:#405047; font-size:11px; }.health-timeline small { margin-top:3px; color:#96a098; font-size:8px; }.health-timeline em { padding:5px 8px; border-radius:99px; color:#738176; background:#edf2ea; font-size:7px; font-style:normal; }
.feed-tile { color:#fff; background:var(--farm-ink); }.feed-tile .story-number,.feed-tile .story-kicker { color:#a7c69e; }.feed-tile h3 { color:#fff; }.feed-tile>div:first-child>p:last-child { color:rgba(255,255,255,.58); }.feed-visual { position:relative; height:230px; margin-top:auto; display:flex; align-items:flex-end; justify-content:space-around; }.feed-donut { width:150px; height:150px; display:grid; place-items:center; border:24px solid rgba(255,255,255,.1); border-top-color:#8cad82; border-right-color:#698e64; border-radius:50%; transform:rotate(-30deg); }.feed-donut span { color:rgba(255,255,255,.72); font-size:9px; line-height:1.3; text-align:center; transform:rotate(30deg); }.feed-bars { height:160px; display:flex; align-items:flex-end; gap:12px; }.feed-bars span { height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:7px; }.feed-bars i { width:22px; border-radius:6px 6px 2px 2px; background:linear-gradient(#94b58b,#587b56); }.feed-bars span:nth-child(1) i{height:85%}.feed-bars span:nth-child(2) i{height:60%}.feed-bars span:nth-child(3) i{height:42%}.feed-bars small { color:rgba(255,255,255,.4); font-size:6px; }
.feature-production { min-height:590px; }.feature-production .feature-art { min-height:590px; }.production-art { display:grid; place-items:center; background:linear-gradient(145deg,#d9e4d4,#b8ccb3); }.production-panel { position:relative; z-index:2; width:min(82%,470px); padding:30px; border-radius:25px; background:rgba(255,255,255,.88); box-shadow:0 30px 70px rgba(36,67,42,.19); transform:rotate(-2deg); }.production-head { display:flex; align-items:center; justify-content:space-between; }.production-head small,.production-head b { display:block; }.production-head small { color:#95a097; font-size:8px; }.production-head b { margin-top:3px; color:#3e5043; font-size:14px; }.production-head i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--farm-accent); font-style:normal; }
.milk-chart { height:210px; margin-top:28px; display:flex; align-items:flex-end; gap:12px; border-bottom:1px solid #dce5d9; background-image:linear-gradient(#e9eee7 1px,transparent 1px); background-size:100% 52px; }.milk-chart span { flex:1; height:100%; display:flex; align-items:flex-end; }.milk-chart i { width:100%; border-radius:5px 5px 0 0; background:linear-gradient(#83a47b,#547954); }.milk-chart span:nth-child(1) i{height:40%}.milk-chart span:nth-child(2) i{height:58%}.milk-chart span:nth-child(3) i{height:52%}.milk-chart span:nth-child(4) i{height:75%}.milk-chart span:nth-child(5) i{height:68%}.milk-chart span:nth-child(6) i{height:89%}.milk-chart span:nth-child(7) i{height:81%}.chart-labels { margin-top:9px; display:flex; justify-content:space-around; color:#9ca49d; font-size:6px; }
.farm-closing { min-height:520px; padding-top:110px; padding-bottom:110px; display:flex; align-items:center; justify-content:space-between; gap:70px; }.farm-closing h2 { margin:0; color:var(--farm-ink); font-size:clamp(50px,6vw,78px); line-height:1; letter-spacing:-.065em; }.farm-closing>div:first-child>p:last-child { max-width:560px; margin:24px 0 0; color:var(--farm-muted); font-size:15px; line-height:1.7; }.farm-closing-links { min-width:245px; display:flex; align-items:center; flex-direction:column; gap:18px; }.farm-closing-links>a:last-child { color:var(--farm-muted); font-size:12px; font-weight:650; }.farm-closing-links>a:last-child span { margin-left:5px; }.farm-footer { background:#ebf0e7; }
.farm-policy-main,.farm-support-main { padding-top:90px; }.farm-policy-hero { min-height:510px; padding-top:105px; padding-bottom:75px; display:flex; align-items:flex-end; justify-content:space-between; gap:50px; border-bottom:1px solid var(--farm-line); }.farm-policy-hero h1 { margin:0; color:var(--farm-ink); font-size:clamp(62px,8vw,104px); line-height:.92; letter-spacing:-.07em; }.policy-status { margin-bottom:8px; padding:9px 13px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--farm-line); border-radius:99px; color:var(--farm-accent-dark); background:#e6eee1; font-size:10px; font-weight:700; }.policy-status i { width:6px; height:6px; border-radius:50%; background:var(--farm-accent); }
.policy-placeholder { padding-top:90px; padding-bottom:85px; display:grid; grid-template-columns:100px minmax(0,700px); justify-content:center; gap:30px; }.policy-placeholder>.legal-number { position:static; margin-top:9px; }.policy-placeholder h2 { margin:0 0 25px; color:var(--farm-ink); font-size:36px; line-height:1.2; letter-spacing:-.045em; }.policy-placeholder>div>p { margin:0 0 18px; color:var(--farm-muted); font-size:16px; line-height:1.85; }.policy-note { margin-top:35px; padding:20px; display:flex; align-items:flex-start; gap:13px; border:1px solid var(--farm-line); border-radius:17px; background:#eaf0e6; }.policy-note>span { width:24px; height:24px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--farm-accent); font-family:Georgia,serif; font-size:12px; }.policy-note p { margin:1px 0 0; color:#627064; font-size:12px; line-height:1.65; }
.policy-contact { margin-bottom:110px; padding:34px 40px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-radius:20px; color:#fff; background:var(--farm-ink); }.policy-contact p { margin:0; color:rgba(255,255,255,.6); font-size:13px; }.policy-contact a { padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,.5); font-size:14px; font-weight:700; }.policy-contact a span { margin-left:8px; color:#a8c79f; }
.farm-support-hero { min-height:610px; padding-top:100px; padding-bottom:70px; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:70px; }.farm-support-hero h1 { margin:0; color:var(--farm-ink); font-size:clamp(60px,7.5vw,102px); line-height:.92; letter-spacing:-.07em; }.farm-support-hero>div:first-child>p:last-child { max-width:510px; margin:30px 0 0; color:var(--farm-muted); font-size:17px; line-height:1.7; }.farm-support-art { position:relative; min-height:360px; display:grid; place-items:center; }.farm-support-art::before { content:""; position:absolute; width:330px; height:330px; border:1px solid var(--farm-line); border-radius:50%; box-shadow:0 0 0 45px rgba(94,135,90,.035),0 0 0 90px rgba(94,135,90,.02); }.farm-support-art>div { position:relative; z-index:2; width:110px; height:110px; display:grid; place-items:center; border-radius:35px; color:#fff; background:linear-gradient(145deg,#789b70,#42664a); box-shadow:0 25px 55px rgba(51,83,58,.25); font-family:Georgia,serif; font-size:55px; }.support-leaf { position:absolute; z-index:3; width:26px; height:46px; border-radius:100% 0 100% 0; background:#a9c5a1; }.leaf-one { top:60px; right:25%; transform:rotate(25deg); }.leaf-two { bottom:70px; left:24%; transform:rotate(205deg); background:#7fa078; }
.farm-contact-panel { min-height:500px; margin-bottom:24px; padding:68px; display:grid; grid-template-columns:1fr 1fr; gap:80px; border-radius:var(--radius-xl); color:#fff; background:var(--farm-ink); }.farm-contact-panel .eyebrow { color:rgba(255,255,255,.52); }.farm-contact-panel .eyebrow>span { background:#95b58b; }.farm-contact-panel h2 { margin:0; font-size:clamp(42px,5vw,63px); line-height:1.06; letter-spacing:-.055em; }.farm-email-card .email-icon { background:var(--farm-accent); }.no-form-note { display:block; margin-top:18px; color:rgba(255,255,255,.35); font-size:9px; line-height:1.55; }
.farm-page-links { margin-bottom:115px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }.farm-page-links a { min-height:135px; padding:30px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--farm-line); border-radius:22px; background:rgba(255,255,255,.46); transition:transform .25s var(--ease),background .25s ease; }.farm-page-links a:hover { transform:translateY(-3px); background:#fff; }.farm-page-links small { color:var(--farm-muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.farm-page-links strong { margin-top:8px; display:flex; justify-content:space-between; color:var(--farm-ink); font-size:18px; }.farm-page-links strong span { color:var(--farm-accent); }

/* Product legal and support documents */
.farm-legal-hub { padding:110px 0; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; border-bottom:1px solid var(--farm-line); }
.farm-legal-hub h2 { margin:0; color:var(--farm-ink); font-size:clamp(48px,5.5vw,72px); line-height:1; letter-spacing:-.06em; }.farm-legal-hub>div>p:last-child { max-width:390px; margin:22px 0 0; color:var(--farm-muted); font-size:14px; line-height:1.7; }
.legal-hub-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--farm-line); }.legal-hub-grid a { min-height:145px; padding:25px; display:grid; grid-template-columns:1fr auto; align-content:center; gap:15px; border-bottom:1px solid var(--farm-line); transition:background .25s ease; }.legal-hub-grid a:nth-child(odd) { border-right:1px solid var(--farm-line); }.legal-hub-grid a:hover { background:rgba(255,255,255,.58); }.legal-hub-grid span { grid-column:1/-1; color:var(--farm-accent); font-family:ui-monospace,monospace; font-size:9px; }.legal-hub-grid strong { color:var(--farm-ink); font-size:15px; }.legal-hub-grid i { color:var(--farm-accent); font-style:normal; transition:transform .2s ease; }.legal-hub-grid a:hover i { transform:translateX(4px); }
.document-main { padding-top:90px; }.document-hero { min-height:500px; padding-top:100px; padding-bottom:60px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:45px; border-bottom:1px solid var(--farm-line); }.document-hero>.eyebrow { grid-column:1/-1; align-self:start; }.document-hero h1 { max-width:970px; margin:0; color:var(--farm-ink); font-size:clamp(56px,6.6vw,91px); line-height:.96; letter-spacing:-.065em; font-weight:650; overflow-wrap:anywhere; }.document-dates { padding-bottom:8px; display:flex; flex-direction:column; gap:18px; text-align:right; }.document-dates p { margin:0; }.document-dates span,.document-dates strong { display:block; }.document-dates span { color:var(--farm-muted); font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.document-dates strong { margin-top:3px; color:var(--farm-ink); font-size:11px; }
.document-nav { padding-top:24px; padding-bottom:24px; display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--farm-line); }.document-nav a { padding:8px 12px; border:1px solid transparent; border-radius:999px; color:var(--farm-muted); font-size:10px; font-weight:650; }.document-nav a:hover { color:var(--farm-ink); background:rgba(255,255,255,.55); }.document-nav a[aria-current="page"] { border-color:var(--farm-line); color:var(--farm-accent-dark); background:#e4ede0; }
.document-content { max-width:860px; padding-top:65px; padding-bottom:120px; opacity:1; visibility:visible; transform:none; }.document-intro { padding-bottom:60px; }.document-intro p { margin:0 0 18px; color:var(--farm-ink); font-size:clamp(20px,2.2vw,27px); line-height:1.55; letter-spacing:-.025em; }.document-content section { padding:64px 0; border-top:1px solid var(--farm-line); }.document-content h2 { position:relative; margin:0 0 30px; padding-left:48px; color:var(--farm-ink); font-size:24px; line-height:1.3; letter-spacing:-.035em; }.document-content h2 span { position:absolute; left:0; top:5px; color:var(--farm-accent); font-family:ui-monospace,monospace; font-size:9px; letter-spacing:0; }.document-content h3 { margin:40px 0 14px; color:var(--farm-ink); font-size:17px; letter-spacing:-.02em; }.document-content p,.document-content li,.document-content address { color:#49584e; font-size:15px; line-height:1.85; }.document-content p { margin:0 0 17px; }.document-content ul { margin:16px 0 24px; padding:20px 26px 20px 48px; border:1px solid var(--farm-line); border-radius:17px; background:rgba(255,255,255,.46); }.document-content li { padding:3px 0 3px 3px; }.document-content li::marker { color:var(--farm-accent); }.document-content a { color:var(--farm-accent-dark); font-weight:650; text-decoration:underline; text-decoration-color:rgba(54,86,60,.28); text-underline-offset:4px; overflow-wrap:anywhere; }.document-content address { padding:24px; border:1px solid var(--farm-line); border-radius:17px; background:rgba(255,255,255,.5); font-style:normal; }.document-content address strong { color:var(--farm-ink); }
.deletion-main .document-hero { min-height:530px; grid-template-columns:1fr; }.deletion-main .document-hero h1 { max-width:1050px; }.deletion-steps { margin:20px 0 0; padding:0; display:grid; gap:10px; list-style:none; }.deletion-steps li { padding:15px 18px; display:flex; align-items:center; gap:15px; border:1px solid var(--farm-line); border-radius:14px; background:rgba(255,255,255,.5); }.deletion-steps li>span { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--farm-accent); font-size:9px; font-weight:750; }
.support-guidance { padding:90px 0; display:grid; grid-template-columns:1fr 1fr; gap:20px; }.support-guidance article { min-height:420px; padding:45px; border:1px solid var(--farm-line); border-radius:var(--radius-lg); background:rgba(255,255,255,.5); }.support-guidance article>span { color:var(--farm-accent); font-family:ui-monospace,monospace; font-size:9px; }.support-guidance h2 { margin:45px 0 20px; color:var(--farm-ink); font-size:29px; line-height:1.2; letter-spacing:-.04em; }.support-guidance ul { margin:0; padding-left:20px; }.support-guidance li,.support-guidance p { color:var(--farm-muted); font-size:14px; line-height:1.8; }.support-guidance p { margin:18px 0 0; }.security-guidance { color:#fff; background:var(--farm-ink)!important; }.security-guidance h2 { color:#fff; }.security-guidance li,.security-guidance p { color:rgba(255,255,255,.6); }.security-guidance>span { color:#9fbe96!important; }

.farm-support-main .farm-page-links { grid-template-columns:repeat(3,1fr); }

/* Motion */
.js .reveal { opacity: 0; transform: translateY(25px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: translateY(0); }
.principle:nth-child(2), .value-card:nth-child(2) { transition-delay: .08s; }.principle:nth-child(3), .value-card:nth-child(3) { transition-delay: .16s; }.value-card:nth-child(4) { transition-delay: .24s; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes orbit { to { transform: rotate(360deg); } }

/* Responsive */
@media (max-width: 1080px) {
  .hero { gap: 20px; }.hero-visual { transform: scale(.9); }.float-card-top { left: 5px; }.float-card-bottom { right: 5px; }
  .featured-app { grid-template-columns: 1fr 1fr; }.app-copy { padding: 50px 35px; }.phone-back { left: -7%; }.phone-front { right: -4%; }
  .about-section { gap: 55px; }.contact-panel { gap: 45px; padding: 55px; }
  .farm-hero { gap:25px; }.farm-hero-visual { transform:scale(.92); }.feature-story-copy { padding:50px 38px; }.feature-tile { padding:42px 36px; }.farm-contact-panel { gap:50px; padding:58px; }
}
@media (max-width: 900px) {
  .section-shell { width: min(calc(100% - 36px), var(--container)); }
  .nav-shell { width: min(calc(100% - 36px), var(--container)); }
  .hero { min-height: auto; padding-top: 155px; padding-bottom: 90px; grid-template-columns: 1fr; }.hero-copy { position: relative; z-index: 2; }.hero h1 { font-size: clamp(65px, 12vw, 100px); }.hero-visual { height: 610px; margin-top: 25px; transform: none; }
  .principles { grid-template-columns: 1fr; padding-bottom: 90px; }.principle { min-height: auto; padding: 28px 0; }.principle + .principle { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .featured-app { grid-template-columns: 1fr; }.app-copy { min-height: 600px; }.app-showcase { min-height: 650px; }
  .future-apps, .help-future { grid-template-columns: 70px 1fr; }.future-apps > p, .help-future > p { grid-column: 2; }
  .about-section { grid-template-columns: 1fr; }.about-sticky { position: static; }.about-sticky h2 br { display: none; }.about-content { max-width: 760px; }
  .support-cta { padding: 55px; }
  .subpage-hero { min-height: auto; padding-top: 100px; grid-template-columns: 1fr; }.support-symbol { min-height: 360px; }
  .contact-panel { grid-template-columns: 1fr; }.panel-number { margin-bottom: 30px; }.contact-details { margin-top: 40px; }
  .legal-layout { grid-template-columns: 190px 1fr; gap: 50px; }
  .farm-hero { min-height:auto; padding-top:150px; grid-template-columns:1fr; }.farm-hero-copy { max-width:720px; }.farm-hero-visual { min-height:650px; transform:none; }.farm-intro { grid-template-columns:1fr; gap:35px; }.farm-intro>p:last-child { margin:0; }
  .feature-story { grid-template-columns:1fr; }.feature-story-copy { min-height:500px; }.feature-pair { grid-template-columns:1fr; }.feature-tile { min-height:610px; }.feature-production .feature-art { order:2; }
  .farm-support-hero { grid-template-columns:1fr; gap:20px; }.farm-support-art { min-height:330px; }.farm-contact-panel { grid-template-columns:1fr; }.farm-contact-panel .contact-details { margin-top:35px; }
  .farm-legal-hub { grid-template-columns:1fr; gap:50px; }.document-hero { grid-template-columns:1fr; }.document-dates { flex-direction:row; gap:35px; text-align:left; }.support-guidance { grid-template-columns:1fr; }.support-guidance article { min-height:auto; }.farm-support-main .farm-page-links { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 82px; }
  .section-shell { width: min(calc(100% - 30px), var(--container)); }.nav-shell { width: min(calc(100% - 30px), var(--container)); min-height: 62px; }
  .desktop-nav, .nav-contact { display: none; }.menu-toggle { display: block; }
  .mobile-nav { display: block; }
  .js .mobile-nav[hidden] { display: none; }
  .brand { gap: 8px; }.brand-mark { width: 28px; height: 28px; }.brand-wordmark { font-size: 20px; }
  .hero { padding-top: 126px; padding-bottom: 70px; }.hero h1 { font-size: clamp(56px, 18vw, 82px); }.hero-lead { margin-top: 27px; font-size: 17px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 30px; }.button { min-height: 50px; }
  .hero-visual { width: calc(100% + 30px); height: 520px; margin-left: -15px; transform: scale(.86); }.hero-visual::before { width: 500px; height: 500px; }.hero-visual::after { width: 400px; height: 400px; }.phone { width: 250px; height: 512px; }.float-card-top { top: 80px; left: 0; }.float-card-bottom { right: 0; bottom: 75px; }.visual-caption { display: none; }
  .apps-section { padding: 85px 0; }.section-heading { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 36px; }.section-heading h2 { font-size: 44px; }.section-heading > p { width: auto; }
  .featured-app { border-radius: 29px; }.app-copy { min-height: 630px; padding: 35px 24px 38px; }.app-icon { width: 58px; height: 58px; }.status-badge { padding: 7px 10px; font-size: 9px; }.app-kicker { margin-top: 36px; }.app-copy h3 { font-size: 46px; }.app-description { font-size: 15px; }.app-showcase { min-height: 560px; }.showcase-phone { width: 215px; height: 440px; }.phone-back { top: 70px; left: -25px; }.phone-front { right: -22px; }.chip-health { right: 0; top: 140px; }.chip-weight { left: 4px; bottom: 75px; }
  .future-apps, .help-future { padding: 32px 24px; grid-template-columns: 52px 1fr; gap: 20px; }.future-icon { width: 50px; height: 50px; padding: 10px; }.future-apps h3 { font-size: 25px; }.future-apps > p, .help-future > p { grid-column: 1 / -1; }
  .about-section { padding: 100px 0; gap: 65px; }.about-sticky h2 { font-size: 67px; }.about-lead { margin-bottom: 40px; font-size: 26px; }.value-grid { grid-template-columns: 1fr; }.value-card { min-height: auto; padding: 27px 0 31px; }.value-card:nth-child(even) { padding-left: 0; border-left: 0; }.value-card h3 { margin-top: 22px; }.value-card p { max-width: none; }
  .support-cta { min-height: 450px; margin-bottom: 75px; padding: 38px 26px; border-radius: 29px; }.cta-copy h2 { font-size: 50px; }.button-light { max-width: 100%; font-size: 13px; }
  .subpage-main, .legal-main { padding-top: 70px; }.subpage-hero { padding-top: 75px; padding-bottom: 50px; }.subpage-hero h1, .legal-hero h1 { font-size: 62px; }.subpage-hero > div:first-child > p:last-child { margin-top: 25px; font-size: 16px; }.support-symbol { min-height: 320px; transform: scale(.86); }
  .contact-panel { padding: 38px 25px; border-radius: 29px; }.contact-panel h2 { font-size: 42px; }.contact-details > p { font-size: 15px; }.email-card { padding: 14px; }.email-card strong { font-size: 12px; }.help-future { margin-bottom: 80px; }.help-future h2 { font-size: 24px; }
  .legal-hero { min-height: 440px; padding-top: 75px; grid-template-columns: 1fr; }.legal-hero > div { margin-top: 40px; text-align: left; }.legal-layout { padding-top: 50px; padding-bottom: 80px; grid-template-columns: 1fr; }.legal-aside { display: none; }.legal-content section { padding: 0 0 50px 38px; }.legal-content section + section { padding-top: 50px; }.legal-content section + section .legal-number { top: 56px; }.legal-content h2 { font-size: 27px; }.legal-content p { font-size: 15px; line-height: 1.8; }
  .site-footer { padding-top: 55px; }.footer-main { flex-direction: column; padding-bottom: 55px; }.footer-links { grid-template-columns: 1fr 1fr; gap: 38px 25px; }.footer-links div:nth-child(2) { grid-row: span 2; }.footer-bottom { flex-direction: column; gap: 8px; }
  .product-label { margin-left:11px; padding-left:11px; font-size:10px; }.farm-hero { padding-top:125px; padding-bottom:70px; }.farm-app-id { margin-bottom:30px; }.farm-hero h1 { font-size:clamp(53px,15.5vw,72px); }.farm-hero-lead { font-size:16px; }.farm-hero-visual { width:calc(100% + 30px); min-height:550px; margin-left:-15px; transform:scale(.86); }.farm-halo { width:500px; height:500px; }.farm-hero-visual::before { width:480px; height:480px; }.farm-hero-visual::after { width:390px; height:390px; }.float-animal { left:0; }.float-stock { right:0; }
  .farm-intro { padding:80px 0; }.farm-features { padding:85px 0; }.farm-features .section-heading { margin-bottom:40px; }.feature-story,.feature-tile { border-radius:29px; }.feature-story-copy { min-height:510px; padding:40px 25px; }.story-kicker { margin-top:35px; }.feature-story h3,.feature-tile h3 { font-size:40px; }.feature-art { min-height:540px; }.animal-profile-card { width:275px; height:430px; top:55px; }.profile-photo { height:160px; }.weight-card { right:2%; bottom:28px; }.feature-pair { gap:15px; margin:15px 0; }.feature-tile { min-height:590px; padding:39px 25px; }.feed-visual { height:210px; }.feed-donut { width:130px; height:130px; border-width:21px; }.production-panel { width:88%; padding:22px; }.milk-chart { height:180px; gap:7px; }
  .farm-closing { padding-top:85px; padding-bottom:85px; align-items:flex-start; flex-direction:column; gap:45px; }.farm-closing h2 { font-size:53px; }.farm-closing-links { min-width:0; align-items:flex-start; }
  .farm-policy-main,.farm-support-main { padding-top:70px; }.farm-policy-hero { min-height:460px; padding-top:80px; align-items:flex-start; justify-content:flex-end; flex-direction:column; }.farm-policy-hero h1 { font-size:62px; }.policy-placeholder { padding-top:65px; padding-bottom:60px; grid-template-columns:35px 1fr; gap:10px; }.policy-placeholder h2 { font-size:29px; }.policy-placeholder>div>p { font-size:15px; }.policy-contact { margin-bottom:75px; padding:28px 24px; align-items:flex-start; flex-direction:column; }
  .farm-support-hero { min-height:auto; padding-top:80px; padding-bottom:50px; }.farm-support-hero h1 { font-size:56px; }.farm-support-hero>div:first-child>p:last-child { font-size:16px; }.farm-support-art { min-height:300px; transform:scale(.84); }.farm-contact-panel { padding:40px 25px; border-radius:29px; }.farm-contact-panel h2 { font-size:42px; }.farm-page-links { margin-bottom:80px; grid-template-columns:1fr; gap:12px; }.farm-page-links a { min-height:115px; padding:25px; }
  .farm-legal-hub { padding:80px 0; }.farm-legal-hub h2 { font-size:48px; }.legal-hub-grid { grid-template-columns:1fr; }.legal-hub-grid a:nth-child(odd) { border-right:0; }.legal-hub-grid a { min-height:115px; padding:22px 5px; }.document-main { padding-top:70px; }.document-hero { min-height:500px; padding-top:85px; padding-bottom:50px; }.document-hero h1 { font-size:48px; }.document-dates { flex-direction:column; gap:12px; }.document-nav { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }.document-nav::-webkit-scrollbar { display:none; }.document-nav a { flex:0 0 auto; }.document-content { padding-top:60px; padding-bottom:85px; }.document-intro { padding-bottom:50px; }.document-intro p { font-size:20px; }.document-content section { padding:48px 0; }.document-content h2 { margin-bottom:24px; padding-left:36px; font-size:20px; }.document-content p,.document-content li,.document-content address { font-size:14px; line-height:1.78; }.document-content ul { padding:17px 18px 17px 35px; }.support-guidance { padding:65px 0; }.support-guidance article { padding:32px 25px; border-radius:24px; }.support-guidance h2 { margin-top:32px; font-size:25px; }
}
@media (max-width: 390px) {
  .hero h1 { font-size: 54px; }.hero-visual { transform: scale(.78); }.section-heading h2 { font-size: 39px; }.app-copy h3 { font-size: 42px; }.feature-pills span { font-size: 10px; }.showcase-phone { width: 200px; height: 415px; }.phone-back { left: -35px; }.phone-front { right: -30px; }.support-cta { padding-inline: 22px; }.button-light { padding-inline: 16px; gap: 12px; }
  .product-label { display:none; }.farm-hero-visual { transform:scale(.76); }.farm-hero h1 { font-size:51px; }.feature-story h3,.feature-tile h3 { font-size:36px; }.farm-support-hero h1 { font-size:50px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
}