/* Bento edition: modular tools, cool surfaces and the ranch's green identity. */
:root{--paper:#f3f6f7;--ink:#142c3b;--muted:#526775;--line:#d8e2e7;--mint:#bcefd6;--navy:#102c40}
body{background:var(--paper);color:var(--ink)}.section-copy,.availability-note{color:#526775}.eyebrow{color:#16634a}.dark-surface .eyebrow{color:#bcefd6}.button-dark{color:#fff}.button-dark:hover{background:#245c61}.dark-link{color:#16634a}
h1,h2,.plan h3,.livestock-detail .animal-copy>h3{font-family:Rraqia Sans,Arial,sans-serif;font-weight:600;letter-spacing:-.055em}
h1{line-height:1.08}h2{line-height:1.12}h2 span{color:#5a7785}
.dark-surface{background:#102c40}.landscape::after{background:linear-gradient(180deg,#102c40cc,#102c408c 54%,#102c40 100%)}
h1 span{color:#bcefd6}.button-mint{background:#bcefd6;color:#123f32}.button-dark{background:#163f46}.button{border-radius:14px}
.section-pad{padding-block:96px}.header .desktop-nav{gap:20px}
.bento-section .section-intro{align-items:end;gap:48px;margin-bottom:40px}
.bento-section h2{font-size:clamp(38px,4.3vw,62px);margin-bottom:0}
.bento-section .section-copy{max-width:430px;font-size:15px;line-height:1.85;margin-bottom:5px}
.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-template-areas:"inventory inventory weight reproduction" "inventory inventory health grazing" "finance finance trade reports"}
.bento-card{min-width:0;display:flex;flex-direction:column;padding:24px;border-radius:26px;background:#fff;border:1px solid #dce5ea;box-shadow:0 6px 24px #15304404;transition:transform .25s,border-color .25s,box-shadow .25s}
.bento-card:hover{transform:translateY(-3px);border-color:#9ebaae;box-shadow:0 15px 36px #1530440c}
.bento-inventory{grid-area:inventory;background:radial-gradient(ellipse at 100% 0,#255966,transparent 65%),#102c40;color:#fff;border-color:#345261}
.bento-weight{grid-area:weight}.bento-reproduction{grid-area:reproduction}.bento-health{grid-area:health}.bento-grazing{grid-area:grazing}
.bento-finance{grid-area:finance}.bento-card.bento-finance{background:linear-gradient(140deg,#d6f1e5,#e8f5f0);border-color:#c4e3d4}
.bento-trade{grid-area:trade}.bento-reports{grid-area:reports}
.bento-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:.12em;font-weight:600;color:#506a79}
.bento-index{letter-spacing:0;color:#758996;font-size:11px}.bento-inventory .bento-card-top{color:#bcefd6}.bento-inventory .bento-index{color:#bdd4df}
.bento-art{min-height:118px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;gap:16px}
.bento-inventory .bento-art{flex:1;min-height:280px;margin-block:40px;background:linear-gradient(145deg,#ffffff10,#ffffff04);border:1px solid #ffffff20;border-radius:20px;padding:26px;position:relative;overflow:hidden}
.bento-inventory .bento-art::after{content:"";width:260px;height:260px;border:1px solid #bcefd620;position:absolute;right:-130px;bottom:-170px;border-radius:50%;pointer-events:none}
.bento-card-copy h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px}
.bento-inventory .bento-card-copy h3{font-size:clamp(32px,3vw,45px);max-width:350px}
.bento-card-copy p{font-size:12px;line-height:1.8;color:#526775;margin:0}
.bento-inventory .bento-card-copy p{font-size:14px;color:#c8dbe4;max-width:440px}
.bento-card-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:auto;padding-top:24px}
.bento-card-bottom small{font-size:10px;line-height:1.6;color:#526775}.bento-inventory .bento-card-bottom small{color:#bcefd6}
.bento-card-bottom a{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d6e3e7;border-radius:50%;font-size:22px;transition:background .25s,transform .25s}
.bento-card-bottom a:hover{background:#d6f1e5;transform:rotate(8deg)}.bento-inventory .bento-card-bottom a{border-color:#ffffff3b;color:#bcefd6}.bento-inventory .bento-card-bottom a:hover{background:#ffffff15}
.bento-note{font-size:11px;color:#526775;line-height:1.8;margin:22px 4px 0;max-width:780px}
.bento-animal{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.animal-monogram{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:32px;font-weight:600;background:#bcefd6;color:#123f32}
.bento-animal>div{flex:1;min-width:150px}.bento-animal strong{font-size:17px;display:block}.bento-animal>div>span{display:block;font-size:10px;color:#c8dbe4;margin-top:8px}.bento-animal i{font-style:normal;font-size:9px;background:#bcefd619;color:#bcefd6;border:1px solid #bcefd633;border-radius:16px;padding:6px 10px}
.bento-tags{display:flex;flex-wrap:wrap;gap:7px}.bento-tags span{font-size:9px;padding:8px 10px;border-radius:8px;background:#ffffff66;border:1px solid #15304410;color:#375b55}.bento-inventory .bento-tags{margin-top:24px}.bento-inventory .bento-tags span{background:#ffffff09;border-color:#ffffff20;color:#d4e7df}
.bento-mini-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-top:22px;font-size:11px;color:#c8dbe4}.bento-mini-row strong{color:#fff;font-weight:500}
.bento-art svg{width:100%;height:90px;overflow:visible}.chart-guide{stroke:#dce5ea;stroke-width:1;fill:none}.chart-line{stroke:#16634a;stroke-width:3;fill:none;stroke-linejoin:round}.chart-area{fill:#d6f1e5}
.bento-chart-labels{display:flex;justify-content:space-between;gap:6px;color:#667c88;font-size:9px}.bento-chart-labels strong{color:#16634a;font-weight:600}
.bento-timeline{display:flex;gap:12px;position:relative;padding-top:30px}.bento-timeline::before{content:"";position:absolute;left:8px;right:25px;top:10px;height:2px;background:#d6e5de}.bento-timeline span{flex:1;font-size:9px;position:relative;color:#426451}.bento-timeline span::before{content:"";width:16px;height:16px;border:4px solid #d6f1e5;background:#16634a;border-radius:50%;position:absolute;top:-27px;left:0}
.bento-art>.bento-health{display:flex;align-items:center;gap:12px}.bento-cross{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;background:#edf2ff;color:#3a60a1;font-size:33px}.bento-health strong{font-size:11px}.bento-art>.bento-health>div>span{display:block;font-size:9px;line-height:1.6;margin-top:6px;color:#617987}
.bento-art>.bento-finance{display:flex;gap:16px;align-items:end;height:100px}.bento-art>.bento-finance>div{flex:1;display:flex;flex-direction:column-reverse;gap:9px}.bento-art>.bento-finance>div>span{font-size:8px;color:#3e6259;letter-spacing:.07em}.finance-bar{display:block;border-radius:7px 7px 3px 3px;height:70px;background:#16634a}.bar-out{height:44px;background:#577d8e}.bar-due{height:24px;background:#99c1ad}
.bento-paddocks{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.bento-paddocks span{display:grid;place-items:center;padding:11px;border-radius:8px;border:1px solid #c7dfcd;background:#e9f4eb;color:#456950;font-size:9px}.bento-paddocks span:nth-child(2){background:#16634a;color:#fff}
.bento-art>.bento-trade{display:flex;gap:10px;align-items:center;font-size:11px}.bento-trade>span{border:1px solid #c5ddd3;background:#eaf5ef;border-radius:10px;padding:14px 10px;color:#16634a}.bento-trade i{font-size:22px;font-style:normal;color:#16634a}.bento-art>.bento-trade>div{display:flex;flex-direction:column;gap:7px}.bento-art>.bento-trade>div>span{font-size:9px;border:1px solid #dce5ea;border-radius:8px;padding:8px}
.bento-files{display:flex;align-items:center;gap:10px}.bento-files>span{height:76px;width:60px;background:#f8fafb;border:1px solid #dce5ea;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:600;color:#3a60a1;box-shadow:0 8px 15px #102c4008}.bento-files>span:nth-child(2){transform:rotate(8deg);color:#16634a;background:#eaf5ef}.bento-files i{font-size:24px;font-style:normal;color:#16634a}
.cattle-scene{background:#102c40;border-color:#294656}.cattle-scene::after{background:linear-gradient(90deg,#102c40 0%,#102c40 39%,#102c40bf 47%,#102c4000 64%)}.cattle-copy h2 span{color:#bcefd6}
.animal-visual,.livestock-cards article,.value-card,.steps li,.evolution-cards article{border-radius:26px;background:#fff;border-color:#dce5ea}.animal-visual{background:linear-gradient(145deg,#e0efe8,#e8f1f6)}.livestock-cards{gap:16px}.card-number{font-family:Rraqia Sans,Arial,sans-serif;color:#16634a}
.finance-section{background:#102c40;color:#f4f8fa;border-color:#294656}.finance-section h2 span{color:#bcefd6}.finance-features li{background:#ffffff06;border:1px solid #ffffff1c;padding:24px;border-radius:20px;margin-bottom:12px}.financial-frame{border-radius:24px;background:#e2ecf1;border-color:#b6cdd8}
.story-section{background:radial-gradient(ellipse at 15% 35%,#164e54 0,transparent 65%),#102c40}.story-heading h2 span{color:#bcefd6}
.future-apps{background:#e5eef3;border-color:#cddde6;border-radius:16px}.value-card{background:#fff}.export-card{background:#e5f1ec}.role-buttons button[aria-pressed=true]{background:#163f46;color:#fff}
.pricing-section{background:#e8eff2}.pricing-glow{background:radial-gradient(ellipse at 85% 4%,#cbe5d8,transparent 50%)}.pricing-section h2 span{color:#527785}.plan{background:#ffffffb8;border-color:#c9dce3;border-radius:24px;color:#142c3b}.plan h3{font-size:29px}.plan-recommended{background:linear-gradient(145deg,#194859,#102c40);border-color:#345d6d;color:#fff}.plan-badge{background:#bcefd6;color:#123f32}.plan-price strong{font-family:Rraqia Sans,Arial,sans-serif}.plans-grid{gap:16px}.plan-description,.plan-kicker,.plan-limits,.plan-features li{color:#526775}.plan-recommended .plan-description,.plan-recommended .plan-kicker,.plan-recommended .plan-limits,.plan-recommended .plan-features li{color:#d4e8eb}
.comparison-scroll{border-radius:20px;border-color:#cbdde5;background:#fff}.comparison-table th,.comparison-table td{border-color:#d6e3e7}.comparison-table thead th{background:#dde9ee;color:#142c3b}.comparison-table thead small{color:#526775}.comparison-table tbody th[scope=row]{background:#f6f9fa;color:#263e4c}.comparison-table tbody td{background:#fff;color:#435d6a}.comparison-table .recommended-column{background:#d3eadd}.comparison-table tbody .recommended-column{background:#e7f4ed}.comparison-table .comparison-group th{background:#e0ece8;color:#345b48}.comparison-filters button{background:#fff;color:#435d6a;border-color:#cbdde5}.comparison-filters button[aria-pressed=true]{background:#163f46;color:#fff;border-color:#163f46}.feature-yes{color:#16634a}.feature-no{color:#667d8a}
.livestock-section{background:#102c40;color:#fff}.livestock-section .availability-note{color:#bed2dd}.livestock-section .dark-link{color:#bcefd6}.livestock-cards article{color:#142c3b}.livestock-cards article:hover{background:#fff}.livestock-cards p{color:#526775}.card-number{color:#16634a}.livestock-detail .animal-visual{background:#e3edf2;color:#142c3b;border-color:#ccdde5}.detail-caption{color:#142c3b}.visual-label,.detail-caption span{color:#526775}.visual-number{color:#d0dee3}
.daily-list span{color:#16634a}.future-apps>span{color:#16634a}.future-apps p,.value-card>p,.value-card small{color:#526775}.role-panels{background:#f2f7f8;border-color:#d2e1e7}.role-panel p{color:#435d6a}.role-buttons button{background:#eef4f6;border-color:#c9dce3;color:#304f61}
.pricing-section{color:#142c3b}.pricing-section .eyebrow{color:#16634a}.pricing-section .section-copy,.plan-carousel-tools,.pricing-notes p,.comparison-heading p,.comparison-legend{color:#526775}.plan-price>span:last-child,.plan-compare-link,.plan-conditions-link,.plan-conditions-note{color:#526775}.plan-recommended .plan-price>span:last-child,.plan-recommended .plan-compare-link,.plan-recommended .plan-conditions-link{color:#d4e8eb}.price-value,.price-custom,.comparison-heading h3,.steps .step-number{font-family:Rraqia Sans,Arial,sans-serif}.plan-limits{border-color:#d2e1e7}.plan .button-plan{background:#eff6f4;border-color:#bdd5cb;color:#16634a}.plan .button-plan:hover{background:#d6eee2}.plan-features li::before{color:#16634a}.plan-recommended .plan-features li::before{color:#bcefd6}.round-control{background:#fff;border-color:#c1d6df;color:#304f61}.round-control:hover{background:#d6eee2}.steps .step-number{color:#16634a}.faq-list summary:hover{color:#16634a}.faq-plus::before,.faq-plus::after{background:#16634a}
.evolution-section{background:#102c40;color:#fff}.evolution-cards article{background:#ffffff08;border-color:#ffffff26}.evolution-heading h2 span{color:#bcefd6}.faq-list details{border-color:#d4e1e7}.closing{background:#163f46}.motion-toggle{border-radius:14px}
@media(max-width:1100px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"inventory inventory" "weight reproduction" "health grazing" "finance finance" "trade reports"}.bento-inventory .bento-art{min-height:190px;flex:none;margin-block:28px}.bento-card-copy p{font-size:13px}.bento-card{padding:26px}.header .desktop-nav{gap:12px}.bento-inventory .bento-card-copy h3{max-width:none}.bento-section .section-intro{gap:24px}}
@media(max-width:700px){.section-pad{padding-block:68px}.bento-section .section-intro{display:block}.bento-section .section-copy{margin-top:24px}.bento-section h2{font-size:38px}.bento-grid{gap:12px}.bento-card{padding:20px;border-radius:20px}.bento-card-copy h3{font-size:21px}.bento-card-top{font-size:8px;letter-spacing:.08em}.bento-inventory .bento-art{padding:20px}.bento-inventory .bento-card-copy h3{font-size:34px}.bento-card-bottom small{font-size:9px}.bento-card-copy p{font-size:12px}.bento-art{min-height:105px}.bento-health strong{font-size:10px}.bento-art>.bento-health{flex-direction:column;align-items:start}.bento-art>.bento-trade{gap:6px}.bento-trade>span{padding:10px 7px}.bento-trade>div>span{padding:7px 5px}.bento-files{gap:7px}.bento-files>span{width:49px}.cattle-scene::after{background:linear-gradient(180deg,#102c4000 0%,#102c40 61%)}.story-auto .story-screen{background:#102c40f5;border-color:#406073}.livestock-cards article,.value-card,.steps li{border-radius:20px}}
@media(max-width:480px){.bento-grid{grid-template-columns:1fr;grid-template-areas:"inventory" "weight" "reproduction" "health" "grazing" "finance" "trade" "reports"}.bento-card{padding:24px}.bento-card-copy h3{font-size:26px}.bento-card-copy p{font-size:13px}.bento-card-top{font-size:9px}.bento-art{min-height:110px;max-width:100%;margin-block:20px}.bento-art>.bento-health{flex-direction:row;align-items:center}.bento-inventory .bento-art{min-height:205px}.bento-inventory .bento-card-copy h3{font-size:32px}.bento-card-bottom{padding-top:20px}.bento-files>span{width:67px}.bento-trade>div>span{font-size:10px}.bento-timeline span{font-size:11px}}
@media(min-width:701px) and (max-width:1100px){.bento-section .section-intro{display:block}.bento-section .section-copy{max-width:620px;margin-top:24px}}
.reduced-motion .bento-card,.reduced-motion .bento-card-bottom a{transition:none}.reduced-motion .bento-card:hover{transform:none}
.footer{background:#102c40;color:#fff;border-radius:24px;padding:32px;margin-block:32px}.footer nav a:hover{color:#bcefd6}.plan .button-mint{background:#bcefd6;color:#123f32}
@media(prefers-reduced-motion:reduce){.bento-card:hover,.bento-card-bottom a:hover{transform:none}}

/* Upcoming mobile apps: informational labels, not download buttons. */
.future-apps .app-platforms{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.future-apps .app-platform{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #36576b;border-radius:14px;background:#102c40;color:#fff;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}
.app-platform svg{display:block;width:24px;height:24px;flex:none}