:root { --bg:#0a1722; --bg2:#0e2130; --ink:#10212d; --cream:#f3f1ea; --paper:#fffdfa; --red:#ef3b32; --red2:#ff604e; --mint:#d6ece8; --muted:#9facb5; --line:rgba(255,255,255,.14); --head:'Barlow Condensed', Impact, 'Arial Narrow', sans-serif; --body:'DM Sans', Arial, sans-serif; --wrap:1280px; }
    *,*::before,*::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:82px; }
    body { margin:0; font-family:var(--body); background:var(--bg); color:#fff; font-size:15px; line-height:1.65; overflow-x:hidden; }
    body::selection { background:var(--red); color:#fff; }
    button,a { -webkit-tap-highlight-color:transparent; }
    a { color:inherit; text-decoration:none; }
    button { font:inherit; }
    button:focus-visible,a:focus-visible { outline:3px solid #ffc2b8; outline-offset:4px; }
    img { max-width:100%; display:block; }
    .wrap { max-width:var(--wrap); width:min(calc(100% - 88px),var(--wrap)); margin-inline:auto; }
    .micro { text-transform:uppercase; font-size:10px; letter-spacing:.2em; font-weight:800; }
    .eyebrow { color:var(--red2); text-transform:uppercase; font-size:11px; letter-spacing:.2em; font-weight:800; display:flex; align-items:center; gap:12px; }
    .eyebrow::before { content:''; height:1px; width:25px; background:currentColor; }
    .title { font-family:var(--head); font-weight:800; line-height:.9; letter-spacing:-.025em; text-transform:uppercase; margin:18px 0 25px; }
    .title-xl { font-size:clamp(76px, 10vw, 170px); }
    .title-lg { font-size:clamp(60px,8.8vw,124px); }
    .title-md { font-size:clamp(54px,6.7vw,91px); }
    .lede { max-width:690px; font-size:clamp(17px,2vw,22px); line-height:1.55; color:#aebac2; margin:0; }
    .red { color:var(--red2); }
    .btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; gap:22px; border-radius:3px; border:1px solid transparent; padding:12px 20px; background:var(--red); color:#fff; font-weight:800; font-size:12px; letter-spacing:.04em; cursor:pointer; transition:.23s ease; white-space:nowrap; }
    .btn:hover { background:#fff; color:var(--ink); transform:translateY(-2px); }
    .btn-outline { background:transparent; border-color:rgba(255,255,255,.36); }
    .btn-outline:hover { border-color:#fff; }
    .link-arrow { display:inline-flex; gap:13px; align-items:center; text-transform:uppercase; font-size:11px; letter-spacing:.13em; font-weight:800; border-bottom:1px solid currentColor; padding-bottom:8px; transition:color .2s; }
    .link-arrow:hover { color:var(--red2); }
    .topbar { position:fixed; top:0; inset-inline:0; z-index:99; height:72px; background:rgba(8,22,32,.91); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
    .nav { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .identity { display:inline-flex; align-items:center; gap:14px; min-width:230px; }
    .identity-icon { width:32px; height:32px; display:grid; place-items:center; border:2px solid var(--red); transform:rotate(45deg); }
    .identity-icon span { width:13px; height:13px; border:3px solid var(--red); transform:rotate(-45deg); border-top:0; }
    .identity-word { font-weight:800; letter-spacing:-.055em; font-size:24px; line-height:1; }
    .identity-word em { color:var(--red2); font-style:normal; }
    .identity small { display:block; font-size:8px; text-transform:uppercase; letter-spacing:.14em; color:#97a8b1; margin-top:5px; font-weight:800; }
    .navlinks { display:flex; align-items:center; gap:clamp(13px,1.8vw,29px); }
    .navlinks a { font-size:10px; text-transform:uppercase; letter-spacing:.13em; font-weight:800; color:#c5d0d4; transition:color .2s; }
    .navlinks a:hover { color:var(--red2); }
    .navlinks .nav-cta { padding:12px 16px; color:#fff; border:1px solid rgba(255,255,255,.3); }
    .navlinks .nav-cta:hover { color:#fff; background:var(--red); border-color:var(--red); }
    .hamb { display:none; color:#fff; background:none; border:0; cursor:pointer; font-size:26px; line-height:1; }
    .hero { padding-top:72px; position:relative; min-height:810px; min-height:100svh; display:flex; align-items:center; isolation:isolate; overflow:hidden; }
    .hero-bg { position:absolute; inset:0; z-index:-3; background-image:linear-gradient(90deg,rgba(5,17,25,.99) 0%,rgba(7,20,29,.95) 37%,rgba(7,18,27,.38) 79%,rgba(7,18,27,.64) 100%),url('../assets/farm-story-hero.webp'); background-position:center,70% center; background-size:cover; }
    .hero::after { content:''; position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.34; background-image:linear-gradient(90deg,transparent 49.94%,rgba(255,255,255,.09) 50%,transparent 50.06%); background-size:24.5% 100%; }
    .hero::before { content:''; position:absolute; inset:auto -10% -300px 30%; height:640px; background:radial-gradient(ellipse,rgba(222,49,43,.19),transparent 58%); z-index:-2; }
    .hero-content { position:relative; z-index:2; padding:100px 0 85px; }
    .hero-kicker { display:flex; gap:15px; align-items:center; color:#d9e4e7; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
    .hero-kicker .dash { height:1px; width:44px; background:var(--red); }
    .hero h1 { max-width:1100px; font-size:clamp(80px,9.55vw,138px); margin:27px 0 25px; line-height:.79; }
    .hero h1 .stroke { color:transparent; -webkit-text-stroke:1px #d0dadc; }
    .hero-intro { width:min(520px,100%); color:#cad5d9; font-size:clamp(16px,1.75vw,21px); line-height:1.48; margin-bottom:30px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:15px; }
    .hero-down { position:absolute; bottom:28px; left:0; right:0; display:flex; justify-content:space-between; align-items:center; text-transform:uppercase; font-weight:800; letter-spacing:.18em; font-size:9px; color:#c7d5d9; }
    .hero-down span:last-child { display:flex; align-items:center; gap:13px; }
    .hero-down span:last-child::after { content:'↓'; font-size:23px; color:var(--red); }
    .scroll-bar { height:3px; background:rgba(255,255,255,.06); position:absolute; left:0; bottom:0; width:100%; }
    .scroll-bar span { display:block; height:100%; background:var(--red); width:0; transition:width .08s linear; }
    .statement { background:var(--red); color:#fff; }
    .statement-in { padding:24px 0; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:22px; }
    .statement strong { font-family:var(--head); font-size:clamp(22px,3.1vw,43px); line-height:1; text-transform:uppercase; letter-spacing:.01em; }
    .statement b { font-family:var(--head); opacity:.55; font-size:25px; }
    .section { padding:130px 0; }
    .intro { display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:end; }
    .intro .title { margin-bottom:0; }
    .intro-copy { border-left:1px solid var(--red); padding-left:28px; color:#aebfc8; }
    .intro-copy strong { color:#fff; }
    .insight-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; gap:1px; background:var(--line); border:1px solid var(--line); }
    .insight { background:#0c1c29; padding:35px 32px; min-height:275px; display:flex; flex-direction:column; align-items:flex-start; }
    .insight .num { color:var(--red2); font-family:var(--head); font-size:32px; font-weight:700; }
    .insight h3 { font-family:var(--head); text-transform:uppercase; font-size:34px; line-height:.98; margin:27px 0 12px; }
    .insight p { color:#aebbc4; margin:0; font-size:13px; }
    .light { background:var(--cream); color:var(--ink); }
    .light .eyebrow { color:#ce332d; }
    .light .lede { color:#5a6970; }
    .light .title { color:var(--ink); }
    .story-head { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; }
    .story-head .explain { max-width:490px; font-size:16px; color:#576a75; padding-bottom:9px; }
    .narrative { background:var(--ink); color:#fff; margin:60px 0 22px; padding:48px 52px; position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 200px; gap:35px; }
    .narrative::after { content:''; position:absolute; width:350px; height:350px; border:1px solid rgba(255,255,255,.09); border-radius:100%; right:-120px; top:-145px; box-shadow:0 0 0 45px rgba(255,255,255,.016),0 0 0 95px rgba(255,255,255,.016); }
    .narrative p { font-family:var(--head); font-size:clamp(33px,4vw,56px); font-weight:700; line-height:1.04; text-transform:uppercase; max-width:800px; margin:10px 0 0; }
    .narrative-aside { align-self:end; font-size:11px; line-height:1.8; text-transform:uppercase; letter-spacing:.12em; color:#c4d0d6; border-top:2px solid var(--red); padding-top:18px; }
    .persona-switch { display:flex; flex-wrap:wrap; gap:8px; padding:15px 0 22px; }
    .tab { cursor:pointer; color:#63717b; background:transparent; border:1px solid #c4cbc8; padding:12px 19px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; border-radius:2px; transition:.18s; }
    .tab:hover,.tab[aria-selected="true"] { color:#fff; background:var(--ink); border-color:var(--ink); }
    .persona-panel { display:grid; grid-template-columns:1.08fr .92fr; background:#fff; min-height:370px; box-shadow:0 10px 60px rgba(13,32,38,.05); overflow:hidden; }
    .persona-copy { padding:45px 48px; }
    .persona-copy .micro { color:#d64137; }
    .persona-copy h3 { font-family:var(--head); font-size:clamp(47px,5vw,65px); text-transform:uppercase; line-height:.95; letter-spacing:-.015em; margin:18px 0; }
    .persona-copy p { max-width:480px; color:#65737b; }
    .persona-copy strong { display:block; margin-top:27px; font-size:13px; }
    .persona-photo { position:relative; background:#c6d3d1; min-height:340px; overflow:hidden; }
    .persona-photo img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:transform 1s; }
    .persona-photo:hover img { transform:scale(1.06); }
    .persona-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%); }
    .persona-label { position:absolute; z-index:1; left:25px; bottom:23px; padding:8px 12px; font-size:10px; letter-spacing:.14em; background:var(--red); color:#fff; font-weight:800; text-transform:uppercase; }
    .product-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:28px; }
    .product-card { background:#e8e9e3; min-height:325px; overflow:hidden; position:relative; display:flex; flex-direction:column; }
    .product-image { height:180px; display:grid; place-items:center; overflow:hidden; position:relative; background:#d7dfdf; }
    .product-image img { width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; }
    .product-image img.contain { object-fit:contain; padding:8px; }
    .product-card-copy { padding:25px 27px 31px; flex:1; }
    .product-card h4 { font-family:var(--head); font-size:30px; text-transform:uppercase; line-height:1; margin:10px 0; }
    .product-card p { color:#586872; font-size:12px; line-height:1.65; margin:0; }
    .dealer { background:#0b1a27; }
    .dealer-lead { max-width:800px; }
    .dealer-area { margin-top:60px; display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; align-items:start; }
    .dealer-menu { display:flex; flex-direction:column; gap:0; border-top:1px solid var(--line); }
    .dealer-option { padding:22px 6px; color:#b2c0c6; display:flex; gap:15px; align-items:center; text-align:left; font-size:12px; font-weight:700; letter-spacing:.015em; border:0; border-bottom:1px solid var(--line); background:transparent; cursor:pointer; }
    .dealer-option .index { color:var(--red2); font-family:var(--head); font-size:24px; font-weight:700; }
    .dealer-option span:last-child { transition:transform .18s; }
    .dealer-option:hover span:last-child { transform:translateX(4px); }
    .dealer-option[aria-selected="true"] { color:#fff; }
    .dealer-option[aria-selected="true"] span:last-child { color:var(--red2); }
    .dealer-surface { background:#172a34; padding:18px; position:relative; min-height:575px; border:1px solid rgba(255,255,255,.1); }
    .surface-top { display:flex; justify-content:space-between; color:#9aabb4; font-size:10px; letter-spacing:.12em; font-weight:700; text-transform:uppercase; margin:4px 9px 17px; }
    .sample-canvas { height:460px; display:grid; place-items:center; background:linear-gradient(135deg,#314450,#182b36); overflow:hidden; position:relative; }
    .sample-canvas::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 55% 80%,rgba(255,255,255,.07),transparent 70%); }
    .sample-page { position:relative; background:#f7f6f0; color:#10202e; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.3); }
    .sheet { width:335px; height:416px; display:flex; flex-direction:column; transform:rotate(-2deg); }
    .sheet-cover { padding:25px 26px 12px; background:#fff; }
    .sheet-brand { font-family:var(--head); font-size:20px; font-weight:800; letter-spacing:-.03em; }
    .sheet-brand span { color:var(--red); }
    .sheet-cover h4 { font-family:var(--head); font-size:49px; line-height:.84; text-transform:uppercase; margin:24px 0 13px; }
    .sheet-cover p { font-size:10px; line-height:1.5; color:#52606a; width:220px; }
    .sheet-photo { flex:1; min-height:115px; background-image:linear-gradient(0deg,rgba(9,30,43,.4),transparent),url('../assets/barn-environment.webp'); background-size:cover; background-position:center; }
    .sheet-foot { background:var(--red); padding:11px 25px; display:flex; justify-content:space-between; align-items:center; font-size:8px; text-transform:uppercase; letter-spacing:.12em; color:#fff; font-weight:800; }
    .mock-booth { width:620px; max-width:92%; height:350px; position:relative; box-shadow:0 25px 55px rgba(0,0,0,.35); background:linear-gradient(90deg,rgba(10,24,34,.94),rgba(10,24,34,.33)),url('../assets/farm-grower.webp'); background-size:cover; background-position:center; border-bottom:12px solid #e6e6de; border-left:4px solid #e6e6de; border-right:4px solid #e6e6de; padding:38px 38px; display:flex; flex-direction:column; justify-content:space-between; }
    .mock-booth .big { font-family:var(--head); font-size:clamp(32px,6vw,69px); line-height:.83; text-transform:uppercase; font-weight:800; max-width:400px; }
    .mock-booth .mock-brand { font-size:11px; font-weight:800; letter-spacing:.12em; }
    .mock-booth .mock-brand b { color:var(--red2); }
    .mock-booth .mock-foot { font-size:9px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
    .mock-objection { width:min(620px,90%); padding:29px 36px; background:#f7f6f0; transform:rotate(-1deg); }
    .mock-objection .micro { color:#b63d35; }
    .mock-objection .question { font-family:var(--head); font-weight:800; font-size:52px; line-height:.93; text-transform:uppercase; margin:13px 0; }
    .mock-objection .answer { font-family:var(--head); font-size:30px; line-height:1; text-transform:uppercase; font-weight:700; padding-top:17px; border-top:2px solid var(--red); }
    .mock-objection .more { display:flex; justify-content:space-between; margin-top:26px; text-transform:uppercase; font-weight:700; color:#606d76; font-size:10px; letter-spacing:.1em; }
    .mock-case { width:min(620px,91%); height:355px; background:#fcfaf4; transform:rotate(1deg); display:grid; grid-template-columns:1fr 1fr; }
    .mock-case-photo { background-image:url('../assets/barn-environment.webp'); background-size:cover; background-position:center; }
    .mock-case-copy { padding:35px 28px; }
    .mock-case-copy strong { font-family:var(--head); display:block; font-size:48px; line-height:.86; margin:22px 0; text-transform:uppercase; }
    .mock-case-copy p { font-size:11px; color:#61717b; }
    .sample-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 10px 2px; }
    .sample-foot p { color:#adbec6; font-size:11px; margin:0; }
    .sample-foot button { color:#fff; background:transparent; border:0; cursor:pointer; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
    .sample-foot button:hover { color:var(--red2); }
    .dealer-note { border-left:2px solid var(--red); padding-left:20px; margin-top:35px; color:#adbdc6; font-size:13px; max-width:430px; }
    .dealer-note b { color:#fff; }
    .objection-tool { margin-top:70px; border-top:1px solid var(--line); padding-top:42px; display:grid; grid-template-columns:350px 1fr; gap:60px; }
    .objection-tool h3 { font-family:var(--head); font-size:49px; line-height:.94; text-transform:uppercase; margin:12px 0; }
    .objection-tool p { color:#a5b5bd; }
    .selector { border:1px solid var(--line); padding:28px; }
    .selector label { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.16em; font-weight:800; color:var(--red2); margin-bottom:11px; }
    .selector select { appearance:none; color:#fff; background:#263945; width:100%; border:1px solid #53606a; padding:16px; font-size:14px; font-weight:700; border-radius:0; }
    .talk-track { margin-top:22px; background:#102b39; padding:23px; border-left:3px solid var(--red); }
    .talk-track strong { font-family:var(--head); font-size:26px; display:block; line-height:1.04; text-transform:uppercase; }
    .talk-track p { margin:12px 0; color:#d3dcdf; }
    .talk-track small { color:#9eb1ba; font-size:12px; }
    .event { background:var(--cream); color:var(--ink); }
    .event-top { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:end; margin-bottom:55px; }
    .event-top .lede { color:#5a6971; }
    .stage { background:#17252b; padding:58px 60px 45px; position:relative; overflow:hidden; }
    .stage::before { content:''; position:absolute; width:530px; height:300px; left:10%; top:-210px; background:#fff; opacity:.06; filter:blur(70px); }
    .stage-sign { width:min(980px,100%); aspect-ratio:2.7; background:linear-gradient(90deg,rgba(6,17,27,.97) 0%,rgba(6,17,27,.76) 38%,rgba(6,17,27,.15) 100%),url('../assets/farm-story-hero.webp'); background-size:cover; background-position:center; display:flex; flex-direction:column; justify-content:center; padding:6%; box-shadow:0 24px 50px rgba(0,0,0,.35); position:relative; }
    .stage-sign::before { content:''; inset:0; position:absolute; border:1px solid rgba(255,255,255,.35); pointer-events:none; }
    .stage-sign .stage-brand { font-family:var(--head); font-size:clamp(16px,2.3vw,31px); font-weight:800; color:#fff; letter-spacing:-.025em; }
    .stage-sign .stage-brand span { color:var(--red); }
    .stage-sign h3 { font-family:var(--head); text-transform:uppercase; font-size:clamp(36px,6.8vw,104px); color:#fff; font-weight:800; letter-spacing:-.035em; line-height:.83; margin:25px 0; }
    .stage-sign p { font-size:clamp(8px,1.05vw,14px); text-transform:uppercase; font-weight:700; letter-spacing:.11em; color:#dce3e4; margin:0; }
    .stage-base { height:40px; background:linear-gradient(170deg,#525957,#8a8a82); margin:0 -15px; border-top:4px solid #b4b7b3; box-shadow:0 25px 25px rgba(0,0,0,.35); }
    .event-caption { display:flex; justify-content:space-between; font-size:10px; text-transform:uppercase; letter-spacing:.17em; font-weight:800; color:#63727b; padding-top:17px; gap:18px; }
    .event-components { display:grid; grid-template-columns:repeat(3,1fr); gap:21px; margin-top:48px; }
    .event-comp { border-top:2px solid #27333b; padding-top:23px; }
    .event-comp h4 { font-family:var(--head); font-size:29px; text-transform:uppercase; line-height:1; margin:5px 0 10px; }
    .event-comp p { font-size:13px; color:#64747c; margin:0; }
    .proof { background:#0b1b28; }
    .proof-top { display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:end; }
    .proof-top p { color:#adbcc4; max-width:440px; font-size:16px; }
    .case-tabs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .case-tab { text-align:left; padding:23px 22px 24px; background:transparent; border:0; color:#96a8b2; cursor:pointer; border-right:1px solid var(--line); position:relative; }
    .case-tab:last-child { border-right:none; }
    .case-tab[aria-selected="true"] { color:#fff; background:#142a39; }
    .case-tab[aria-selected="true"]::before { content:''; position:absolute; height:3px; background:var(--red); left:0; right:0; top:-1px; }
    .case-tab .micro { color:var(--red2); }
    .case-tab b { display:block; font-family:var(--head); font-size:33px; line-height:.95; text-transform:uppercase; margin-top:9px; }
    .case-feature { display:grid; grid-template-columns:1fr .85fr; gap:0; min-height:465px; background:#102c3a; margin-top:26px; }
    .case-content { padding:58px 55px; display:flex; flex-direction:column; align-items:flex-start; }
    .case-content .micro { color:var(--red2); }
    .case-content h3 { font-family:var(--head); font-size:clamp(55px,6vw,82px); line-height:.89; text-transform:uppercase; margin:18px 0 24px; }
    .case-content p { color:#bccbd0; max-width:580px; font-size:15px; }
    .case-content .link-arrow { margin-top:auto; color:#fff; }
    .case-picture { position:relative; background:#354d55; overflow:hidden; min-height:430px; }
    .case-picture img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; filter:saturate(.75); }
    .case-picture:after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(3,15,25,.75),rgba(3,15,25,.08)); }
    .case-metric { z-index:1; position:absolute; bottom:30px; left:34px; right:34px; }
    .case-metric strong { display:block; font-family:var(--head); text-transform:uppercase; font-size:clamp(55px,7.7vw,105px); line-height:.85; }
    .case-metric small { display:block; margin-top:10px; color:#e1ebee; max-width:330px; line-height:1.45; font-size:12px; }
    .case-meta { margin-top:21px; display:grid; grid-template-columns:1fr 1fr; gap:32px; }
    .case-meta div { background:#102330; padding:24px 30px; }
    .case-meta .micro { color:var(--red2); }
    .case-meta p { color:#bcc9cd; font-size:13px; margin:10px 0 0; }
    .tiny { font-size:11px; line-height:1.7; color:#8ca1ad; }
    .rollout { background:var(--cream); color:var(--ink); }
    .rollout-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; background:#d8dedb; margin:65px 0 45px; }
    .phase { background:#fff; padding:38px 32px; min-height:355px; }
    .phase .count { font-family:var(--head); font-size:86px; line-height:1; color:#d7ddd9; font-weight:800; }
    .phase .micro { color:#e04536; }
    .phase h3 { font-family:var(--head); text-transform:uppercase; font-size:37px; line-height:.95; margin:19px 0 16px; }
    .phase p { font-size:13px; color:#667580; }
    .measure { display:grid; grid-template-columns:1fr 2fr; align-items:start; gap:35px; background:#dce6e3; padding:35px 40px; }
    .measure h3 { margin:0; font-family:var(--head); font-size:42px; line-height:.9; text-transform:uppercase; }
    .measure p { margin:0; font-size:13px; color:#4e626c; }
    .about { background:#0c1c2a; }
    .about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; }
    .about-left { padding-right:60px; border-right:1px solid var(--line); }
    .about h3 { font-family:var(--head); text-transform:uppercase; font-size:clamp(50px,6vw,83px); line-height:.9; margin:25px 0; }
    .about p { color:#b6c3c9; }
    .about .experience { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin:35px 0; }
    .experience div { border-top:2px solid var(--red); padding-top:16px; }
    .experience strong { display:block; font-family:var(--head); font-size:27px; line-height:1; text-transform:uppercase; }
    .experience small { display:block; color:#9dafb9; font-size:11px; margin-top:9px; line-height:1.5; }
    .about .letter { font-size:clamp(19px,2vw,24px); line-height:1.65; color:#e4eff0; }
    .about .letter .accent { color:var(--red2); }
    .about-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
    .research { padding:50px 0 38px; background:#09151e; color:#96aab5; }
    .research-inner { display:grid; grid-template-columns:170px 1fr; gap:25px; }
    .research h3 { color:#ecf0f0; font-family:var(--head); font-size:27px; margin:0; text-transform:uppercase; }
    .research ul { display:flex; flex-wrap:wrap; gap:12px 25px; margin:0; padding:0; list-style:none; }
    .research a { color:#d8e3e5; font-size:11px; border-bottom:1px solid #607480; }
    .research a:hover { color:var(--red2); }
    .research p { font-size:10px; color:#8197a2; max-width:1100px; }
    footer { padding:23px 0; background:#07121a; }
    .footer-in { display:flex; justify-content:space-between; gap:25px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:#81929e; }
    .reveal { opacity:0; transform:translateY(25px); transition:opacity .65s ease,transform .65s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }
    @media(max-width:1100px) { .wrap { width:min(calc(100% - 56px),var(--wrap)); } .navlinks { gap:14px; } .navlinks a { font-size:9px; } .identity { min-width:190px; } .identity-word { font-size:21px; } .title-xl { font-size:clamp(75px,12vw,140px); } .hero h1 { font-size:clamp(69px,9.5vw,108px); } }
    @media(max-width:850px) { .topbar { height:66px; } .hamb { display:block; } .navlinks { display:none; position:absolute; left:0; right:0; top:66px; padding:25px 30px; flex-direction:column; background:#0b1c29; border-bottom:1px solid rgba(255,255,255,.15); align-items:stretch; } .navlinks.open { display:flex; } .navlinks a { font-size:12px; padding:10px; } .hero { min-height:780px; padding-top:66px; } .hero-bg { background-position:center,60% center; background-image:linear-gradient(90deg,rgba(5,17,25,.99) 0%,rgba(7,20,29,.9) 48%,rgba(7,18,27,.52) 100%),url('../assets/farm-story-hero.webp'); } .section { padding:90px 0; } .intro,.story-head,.event-top,.proof-top,.about-grid { grid-template-columns:1fr; gap:30px; } .statement-in { gap:9px; } .insight-grid { grid-template-columns:1fr 1fr; } .dealer-area { grid-template-columns:minmax(0,1fr); } .dealer-area > * { min-width:0; } .dealer-menu { flex-direction:row; gap:10px; border:0; overflow:auto; } .dealer-option { min-width:max-content; padding:15px; border:1px solid var(--line); } .dealer-option .index { font-size:18px; } .objection-tool { grid-template-columns:1fr; gap:12px; } .event-components { grid-template-columns:1fr 1fr; } .rollout-grid { grid-template-columns:1fr; } .phase { min-height:0; } .phase .count { font-size:60px; } .case-feature { grid-template-columns:1fr; } .case-picture { min-height:370px; } .about-left { border-right:0; padding:0; } }
    @media(max-width:620px) { .wrap { width:calc(100% - 36px); } .hero { min-height:735px; } .hero-content { padding:75px 0 65px; } .hero h1 { font-size:clamp(67px,16vw,107px); } .hero-kicker { font-size:9px; letter-spacing:.08em; } .hero-down span:first-child { display:none; } .statement-in { grid-template-columns:1fr; gap:11px; padding:21px 0; } .statement-in b { display:none; } .statement strong { font-size:30px; } .section { padding:75px 0; } .title-lg { font-size:clamp(58px,13vw,89px); } .dealer-lead .title { font-size:clamp(41px,10.5vw,66px); } .title-md { font-size:clamp(52px,12vw,83px); } .insight-grid,.product-strip,.event-components,.case-meta { grid-template-columns:1fr; } .insight { min-height:0; padding:27px; } .insight h3 { margin-top:15px; } .narrative { padding:30px 26px; grid-template-columns:1fr; gap:26px; } .narrative p { font-size:35px; } .persona-panel { grid-template-columns:1fr; } .persona-copy { padding:31px 28px; } .persona-photo { min-height:250px; } .product-card { min-height:0; } .product-image { height:170px; } .dealer-surface { padding:10px; min-height:475px; } .sample-canvas { height:370px; } .sheet { transform:scale(.84) rotate(-2deg); } .mock-booth { height:300px; padding:23px; } .mock-booth .big { font-size:44px; } .mock-objection { padding:22px; } .mock-objection .question { font-size:37px; } .mock-objection .answer { font-size:25px; } .mock-case { height:300px; } .mock-case-copy { padding:20px 14px; } .mock-case-copy strong { font-size:34px; } .sample-foot { align-items:start; flex-direction:column; } .sample-foot button { padding:5px 0; } .selector { padding:19px; } .stage { padding:24px 15px 30px; } .stage-sign { min-height:235px; aspect-ratio:auto; } .stage-sign h3 { font-size:clamp(39px,10vw,66px); } .stage-base { height:22px; } .event-caption { font-size:8px; } .case-tabs { grid-template-columns:1fr; } .case-tab { border-right:0; border-bottom:1px solid var(--line); padding:14px 18px; } .case-tab b { font-size:25px; margin-top:4px; } .case-content { padding:36px 30px; } .case-content h3 { font-size:62px; } .case-content .link-arrow { margin-top:28px; } .measure { grid-template-columns:1fr; padding:30px; } .phase { padding:27px; } .research-inner { grid-template-columns:1fr; } .footer-in { flex-direction:column; } }
    @media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } .reveal { opacity:1; transform:none; } }
    @media print { .topbar,.hero,.statement,#intro,#story,#dealer,#event,#proof,#rollout,#about,.research,footer { display:none!important; } body { background:#fff; color:#000; } }

/* --------------------------------------------------------------
   Director's cut: brand-motion system, accessible and performance-conscious.
   -------------------------------------------------------------- */
:root { --ease-out: cubic-bezier(.16,1,.3,1); }
::selection {background:var(--red);color:white}
.topbar {transition:background .35s,border-color .35s,box-shadow .35s}
.topbar.is-scrolled {background:rgba(6,18,28,.96);box-shadow:0 10px 35px rgba(0,0,0,.14)}
.navlinks a {position:relative}
.navlinks a:not(.nav-cta)::after {content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.navlinks a:hover::after,.navlinks a[aria-current="location"]::after {transform:scaleX(1)}
.hero {perspective:1200px}
.hero-bg {background-image:linear-gradient(90deg,rgba(4,14,23,.98) 0%,rgba(4,14,23,.96) 28%,rgba(4,14,23,.70) 54%,rgba(4,14,23,.16) 100%),url('../assets/farm-story-hero.webp');background-position:center,center 47%;transform:scale(1.065) translate3d(0,var(--hero-shift,0px),0);will-change:transform;animation:heroSettle 2.2s var(--ease-out) both}
.hero-shade {position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(5,17,25,.75),transparent 30%),linear-gradient(90deg,rgba(7,18,27,.14),transparent 75%);pointer-events:none}
.hero h1 {max-width:1050px;letter-spacing:-.018em;line-height:.835;margin:31px 0}
.hero-line {display:block;width:fit-content;max-width:100%;overflow:visible;opacity:0;transform:translateY(33px);animation:heroType 1.05s var(--ease-out) both}
.hero-line:nth-child(1){animation-delay:.22s}.hero-line:nth-child(2){animation-delay:.35s}.hero-line:nth-child(3){animation-delay:.49s}
.hero-kicker {animation:fadeUp .85s var(--ease-out) both;animation-delay:.1s}
.hero-intro {animation:fadeUp 1s var(--ease-out) both;animation-delay:.68s}
.hero-actions {animation:fadeUp .9s var(--ease-out) both;animation-delay:.82s}
.hero .btn {position:relative;overflow:hidden}
.hero .btn::before {content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 66%);transform:translateX(-170%);transition:transform .85s var(--ease-out);pointer-events:none}
.hero .btn:hover::before {transform:translateX(170%)}
.hero-signal {position:absolute;right:max(45px,calc((100vw - 1280px)/2));bottom:100px;width:330px;padding:18px 20px;background:rgba(9,27,40,.72);border:1px solid rgba(235,247,246,.26);backdrop-filter:blur(14px);box-shadow:0 25px 70px rgba(0,0,0,.24);animation:fadeUp .95s var(--ease-out) both;animation-delay:1.25s}
.hero-signal-top {display:flex;align-items:center;gap:10px;letter-spacing:.18em;font-size:9px;font-weight:800;color:#bfd1d6}
.signal-dot {width:7px;height:7px;border-radius:100%;background:#ff6a5e;box-shadow:0 0 0 4px rgba(239,59,50,.15);animation:signalPulse 3.6s infinite}
.hero-signal-body {display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:16px;font-size:10px;letter-spacing:.06em;font-weight:800}
.hero-signal-body b {height:1px;background:#ee554d;flex:1;max-width:19px}
.signal-track {display:flex;gap:4px;margin-top:13px}.signal-track i {height:2px;flex:1;background:#ef3b32;opacity:.28;transform-origin:left;animation:signalRun 3.2s linear infinite}.signal-track i:nth-child(2){animation-delay:.26s}.signal-track i:nth-child(3){animation-delay:.52s}
@keyframes heroType {from{opacity:0;transform:translateY(33px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fadeUp {from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroSettle {from{opacity:.55;transform:scale(1.13) translate3d(0,0,0)}to{opacity:1;transform:scale(1.065) translate3d(0,var(--hero-shift,0px),0)}}
@keyframes signalPulse {50%{box-shadow:0 0 0 10px rgba(239,59,50,0)}}
@keyframes signalRun {0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
.js-motion .reveal {opacity:0;transform:translate3d(0,38px,0);transition:opacity .95s var(--ease-out),transform .95s var(--ease-out);transition-delay:var(--delay,0s)}
.js-motion .reveal.visible {opacity:1;transform:translate3d(0,0,0)}
.insight-grid .insight,.product-strip .product-card,.event-components .event-comp,.rollout-grid .phase {transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),background .4s}
@media(hover:hover) {.insight:hover{background:#132a39;transform:translateY(-9px)}.product-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px rgba(0,0,0,.13)}.event-comp:hover{transform:translateY(-7px)}.phase:hover{transform:translateY(-8px);box-shadow:0 18px 35px rgba(4,25,35,.10)}}
.product-image img {transition:transform .95s var(--ease-out)}.product-card:hover .product-image img{transform:scale(1.06)}
.story-head .title,.dealer-lead .title,.event-top .title,.proof-top .title{max-width:990px}
.persona-panel,.case-feature,.sample-canvas {transition:box-shadow .25s}
.persona-copy,.persona-photo,.case-content,.case-picture {transition:opacity .23s ease,transform .32s var(--ease-out)}
.persona-panel.is-switching .persona-copy,.persona-panel.is-switching .persona-photo,.case-feature.is-switching .case-content,.case-feature.is-switching .case-picture{opacity:.15;transform:translateY(9px)}
.sample-canvas .sample-page,.sample-canvas .mock-booth {animation:assetEnter .65s var(--ease-out) both}
@keyframes assetEnter {from{opacity:0;transform:translateY(28px) rotate(-1deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}
/* Preserve signature tilt on first collateral sheet after animation */
.sample-canvas .sheet {animation:sheetEnter .75s var(--ease-out) both}
@keyframes sheetEnter {from{opacity:0;transform:translateY(20px) rotate(-7deg) scale(.91)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}
.stage {perspective:1300px;background:radial-gradient(ellipse at 70% 10%,#3e5055 0%,#17252b 60%)}
.stage-sign {transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--ease-out);will-change:transform;backface-visibility:hidden}
.stage-sign::after {content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 48%,transparent 68%);pointer-events:none}
.photo-disclaimer {position:absolute;right:15px;top:15px;z-index:2;padding:6px 8px;background:rgba(3,15,25,.63);font-size:9px;color:#c9d7dc;letter-spacing:.05em}
.concept-art-caption {font-size:11px;color:#72818b;margin:13px 0 0}
.journey {position:relative;background:#0f2736;color:white;margin-top:25px;overflow:hidden;border:1px solid #254352}
.journey-head {padding:28px 35px 18px;display:flex;justify-content:space-between;gap:30px;align-items:start;border-bottom:1px solid rgba(255,255,255,.12)}
.journey-head p {max-width:480px;color:#a7bac3;margin:0;font-size:12px;line-height:1.6}
.journey-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1)}
.journey-grid article {position:relative;background:#102b3a;padding:35px 30px 34px;min-height:225px}
.journey-n {position:absolute;right:20px;top:20px;font:800 15px var(--head);color:#537386}
.journey-icon {width:46px;height:46px;border:1px solid #dc534c;background:#1d3645;color:#f4685e;display:grid;place-items:center;border-radius:100%;font-weight:800;font-size:23px}
.journey-grid h4 {font:800 29px/1 var(--head);margin:17px 0 10px}
.journey-grid p {color:#b4c4ca;font-size:12px;line-height:1.6;margin:0}
.journey-line {position:absolute;top:0;width:100%;height:3px;left:0;fill:none;stroke:#ef3b32;stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.8s var(--ease-out)}
.journey.visible .journey-line {stroke-dashoffset:0}
@media(max-width:1100px){.hero-signal{right:30px;bottom:95px;width:270px}.hero h1{font-size:clamp(74px,9.4vw,119px)}}
@media(max-width:850px){.hero-bg{background-image:linear-gradient(90deg,rgba(5,17,25,.95),rgba(5,17,25,.80) 47%,rgba(5,17,25,.30)),url('../assets/farm-story-hero.webp');background-position:center,63% center}.hero-signal{display:none}.journey-grid h4{font-size:24px}.journey-grid article{padding:25px 21px;min-height:215px}.journey-head{padding:23px}}
@media(max-width:620px){.hero-bg{background-image:linear-gradient(90deg,rgba(5,17,25,.92),rgba(5,17,25,.73) 60%,rgba(5,17,25,.34)),url('../assets/farm-story-hero.webp');background-position:center,65% center}.hero h1{font-size:clamp(60px,13.5vw,85px);line-height:.91}.hero-line{white-space:nowrap}.hero-intro{max-width:325px}.journey-head{display:block}.journey-head p{margin-top:14px}.journey-grid{grid-template-columns:1fr}.journey-grid article{min-height:0;padding:22px 24px}.journey-grid h4{margin:9px 0}.journey-icon{width:37px;height:37px;font-size:18px}.journey-n{top:25px}.photo-disclaimer{max-width:210px;line-height:1.2}.sample-canvas .sheet{animation:sheetEnterMobile .75s var(--ease-out) both}@keyframes sheetEnterMobile{from{opacity:0;transform:translateY(25px) rotate(-4deg) scale(.75)}to{opacity:1;transform:scale(.84) rotate(-2deg)}}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-line,.hero-kicker,.hero-intro,.hero-actions,.hero-signal,.signal-dot,.signal-track i,.sample-canvas .sample-page,.sample-canvas .mock-booth,.sample-canvas .sheet {animation:none!important;opacity:1!important;transform:none!important}.hero-bg {transform:scale(1.065)!important}.js-motion .reveal{opacity:1;transform:none}.journey-line{stroke-dashoffset:0}.stage-sign{transform:none!important}}

/* Final cross-platform typography correction: readable without remote fonts */
:root { --head:'Barlow Condensed','Arial Narrow','Liberation Sans Narrow','Nimbus Sans Narrow',Impact,sans-serif; }
.hero h1 { font-size:clamp(74px,8.25vw,122px);line-height:.87 }
@media(max-width:1100px){.hero h1{font-size:clamp(67px,9.2vw,103px)}}
@media(max-width:620px){.hero h1{font-size:clamp(44px,11.7vw,68px);line-height:.94;letter-spacing:-.012em}.hero-content{padding-top:58px}.hero-kicker{max-width:320px}}

/* No-JavaScript safeguard. JS adds .js-motion and restores reveal transitions. */
.reveal {opacity:1;transform:none}