/* For Breeders only. Submission, pricing, original copy and field bindings are unchanged. */
.fb27 { --fb-green:#173e2d; --fb-paper:#faf9f4; color:#18181b; background:var(--fb-paper); }
.fb27 .fb27-hero { height:610px; min-height:610px; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; background:#153d2c; }
.fb27 .fb27-hero__image { position:absolute; inset:0; background:url('../img/for-breeders-garden-20260922.png') center top/cover no-repeat; }
.fb27 .fb27-hero__image:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,40,25,.68),rgba(8,40,25,.24) 43%,transparent 72%); }
.fb27 .fb27-hero__content { position:relative; z-index:1; width:100%; padding:40px 5.5%; }
.fb27 .fb27-hero h1 { color:#fff; max-width:55%; font:400 clamp(42px,4.6vw,88px)/1.06 Inter,Arial,sans-serif; letter-spacing:-.025em; margin:0 0 20px; }
.fb27 .fb27-hero h1 span { display:block; }
.fb27 .fb27-hero p { color:#fff; max-width:min(43%,600px); font-size:24px; line-height:1.55; margin:0; }
.fb27 .fb27-hero__cta { display:inline-block; margin-top:24px; padding:14px 30px; border:1px solid #e2eadd; border-radius:5px; color:#173e2d; background:#f8faf2; font-size:18px; font-weight:600; text-decoration:none; }
.fb27 .fb27-hero__cta:hover { background:#fff; }
.fb27 .fb27-benefits { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.3fr); gap:8%; padding:56px 5.5%; align-items:center; }
.fb27 .fb27-proof h2 { font:400 clamp(30px,3.2vw,48px)/1.15 Inter,Arial,sans-serif; letter-spacing:-.025em; color:#142e22; margin:0 0 28px; }
.fb27 .fb27-badge-preview { margin:0; padding:20px 0 0; border-top:1px solid #d4ddcf; text-align:left; max-width:560px; }
.fb27 .fb27-badge-preview>div:first-child { color:#214d36!important; margin-bottom:12px!important; }
.fb27 .fb27-badge-preview>div:nth-child(2) { flex-wrap:wrap; }
.fb27 .fb27-benefit-list { list-style:none; margin:0; padding:0; }
.fb27 .fb27-original-check { display:none; }
.fb27 .fb27-benefit-list li { position:relative; padding:11px 0 11px 43px; font-size:17px; line-height:1.6; color:#18181b; }
.fb27 .fb27-benefit-list li:before { content:"✓"; position:absolute; left:0; top:14px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#245840; color:#fff; font-size:16px; font-weight:700; line-height:1; }
.fb27 .fb27-response { position:relative; min-height:250px; display:flex; align-items:center; padding:38px 5.5%; isolation:isolate; background:#e5eee2 url('../img/for-breeders-response-20260922.png') right 24%/cover no-repeat; }
.fb27 .fb27-response:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#e5eee2 0%,#e5eee2 44%,rgba(229,238,226,.92) 56%,transparent 78%); }
.fb27 .fb27-response__text { max-width:63%; color:#153e2b; font:700 clamp(26px,2.7vw,42px)/1.35 Inter,Arial,sans-serif; letter-spacing:-.02em; }
.fb27 .fb27-form-wrap { background:#fff; padding:44px 24px; scroll-margin-top:100px; }
.fb27 .fb27-form-wrap>div { max-width:780px; margin-inline:auto; }
.fb27 .fb27-form { width:60%; max-width:none; margin:0 auto; background:#fff; border:1px solid #e0e5dd; border-radius:8px; padding:32px; box-shadow:0 5px 22px rgba(21,55,35,.05); }
.fb27 .fb27-form h2 { color:#173e2d; font:400 38px/1.2 Inter,Arial,sans-serif!important; padding-bottom:18px; margin:0 0 24px!important; border-bottom:1px solid #d5ded0; }
.fb27 .fb27-form label { margin-bottom:20px!important; }
.fb27 .fb27-form label>span { font-size:16px; color:#18181b; margin-bottom:7px!important; }
.fb27 .fb27-form :is(input,textarea) { display:block; color:#18181b; background:#fff; border:1px solid #cbd5c6!important; border-radius:5px!important; padding:12px!important; font-size:16px!important; box-shadow:inset 0 1px 2px rgba(20,43,27,.025); }
.fb27 .fb27-form textarea { resize:vertical; min-height:155px; }
.fb27 .fb27-form :is(input,textarea):focus-visible { outline:3px solid #759576; outline-offset:2px; }
.fb27 .fb27-form :is(input,textarea)::placeholder { color:#3a453b; opacity:1; }
.fb27 .fb27-form small { display:block; color:#303a30!important; font-size:13px; line-height:1.6; margin-top:7px; }
.fb27 .fb27-form small a,.fb27 .fb27-form p a { color:#194e34; text-decoration:underline; }
.fb27 .fb27-form button[type=submit] { background:#245840!important; border:1px solid #1d4d35!important; border-radius:5px!important; box-shadow:none; line-height:1.4; }
.fb27 .fb27-form button[type=submit]:hover { background:#193f2c!important; }
.fb27 .fb27-form p { color:#303a30!important; font-size:13px!important; line-height:1.65!important; }
.fb27 :is(a,button):focus-visible { outline:3px solid #759576; outline-offset:3px; }
@media(max-width:1100px) {
 .fb27 .fb27-hero { height:565px; min-height:565px; }
 .fb27 .fb27-hero p { font-size:20px; max-width:45%; }
 .fb27 .fb27-benefits { gap:5%; padding-block:42px; }
 .fb27 .fb27-benefit-list li { font-size:16px; }
 .fb27 .fb27-response__text { max-width:63%; font-size:32px; }
}
@media(max-width:800px) {
 .fb27 .fb27-hero { height:auto; min-height:0; flex-direction:column; }
 .fb27 .fb27-hero__content { order:1; padding:44px 28px 22px; }
 .fb27 .fb27-hero h1 { max-width:none; font-size:46px; }
 .fb27 .fb27-hero p { max-width:none; font-size:19px; }
 .fb27 .fb27-hero__image { order:2; position:relative; inset:auto; width:100%; height:360px; flex:none; background-position:75% top; }
 .fb27 .fb27-hero__image:after { background:linear-gradient(180deg,#153d2c,transparent 25%); }
 .fb27 .fb27-benefits { grid-template-columns:1fr; gap:20px; padding:34px 24px; }
 .fb27 .fb27-proof h2 { font-size:34px; margin-bottom:20px; }
 .fb27 .fb27-response { padding:32px 24px; min-height:240px; }
 .fb27 .fb27-response:before { background:rgba(229,238,226,.9); }
 .fb27 .fb27-response__text { max-width:none; font-size:29px; }
 .fb27 .fb27-form-wrap { padding:32px 20px; }
 .fb27 .fb27-form { width:100%; padding:24px; }
}
@media(max-width:480px) {
 .fb27 .fb27-hero__content { padding:38px 22px 18px; }
 .fb27 .fb27-hero h1 { font-size:40px; }
 .fb27 .fb27-hero__image { height:300px; }
 .fb27 .fb27-benefits { padding-inline:20px; }
 .fb27 .fb27-form-wrap { padding:26px 14px; }
 .fb27 .fb27-form { padding:20px 16px; }
 .fb27 .fb27-form h2 { font-size:30px!important; }
 .fb27 .fb27-form button[type=submit] { font-size:16px!important; }
}