:root{--ink:#102a27;--muted:#65736f;--paper:#f5f7f2;--card:#fff;--line:#dbe2dc;--gold:#e9b949;--red:#b43b32;--green:#26735b;--blue:#315a78;--shadow:0 12px 36px #16352c12;--radius:16px;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem;z-index:99}.skip:focus{top:1rem}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:10px;padding:.65rem .9rem;font-weight:700;cursor:pointer;background:var(--ink);color:#fff}.button.ghost,button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e9b94988;outline-offset:2px}a{color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:1.2rem;background:var(--ink);color:#eef5ef;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:.7rem;align-items:center;font-size:1.2rem;font-weight:850;margin:.2rem 0 1.7rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--gold);color:var(--ink)}nav{display:grid;gap:.25rem}nav button{background:transparent;text-align:left;font-weight:600;color:#c8d5ce;padding:.7rem .8rem}nav button.active,nav button:hover{background:#ffffff12;color:#fff}.sidebar-foot{margin-top:auto;font-size:.78rem;color:#b6c6be}.sync-pill{display:flex;gap:.45rem;align-items:center;margin-bottom:.65rem}.dot{width:8px;height:8px;border-radius:50%;background:#6ed2a5}.dot.offline{background:var(--gold)}.content{margin-left:250px;min-height:100vh}.topbar{height:72px;padding:0 clamp(1rem,3vw,2.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f5f7f2dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:800;color:var(--muted)}.topbar h1{margin:.1rem 0 0;font-size:1.3rem}.top-actions{display:flex;gap:.6rem;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:900}.main{padding:clamp(1rem,3vw,2.5rem);max-width:1500px;margin:auto}.notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff5d8;border:1px solid #efd887;border-radius:14px;padding:.8rem 1rem;margin-bottom:1rem}.notice p{margin:0;font-size:.9rem}.hero-row{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem}.hero-row h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.1;margin:.2rem 0}.hero-row p{margin:0;color:var(--muted)}.grid{display:grid;gap:1rem}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:1rem}.metric strong{font-size:1.65rem;display:block}.metric span{color:var(--muted);font-size:.86rem}.metric.alert strong{color:var(--red)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 .7rem}.section-title h3{margin:0;font-size:1rem}.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-card{padding:1rem;cursor:pointer;transition:.18s transform,.18s box-shadow}.site-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #16352c20}.site-head,.row{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.site-head h3{margin:0}.location{color:var(--muted);font-size:.82rem}.weather{font-weight:800}.species{display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0}.chip{border:1px solid var(--line);border-radius:99px;padding:.24rem .55rem;font-size:.76rem;background:#f8faf7;color:var(--ink)}.visual-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0}.visual-tile{display:grid;gap:.15rem;place-items:center;padding:.7rem .35rem;border:1px solid var(--line);border-radius:12px;background:#f8faf7;color:var(--ink);text-align:center}.visual-tile .glyph{font-size:1.65rem;line-height:1}.visual-tile small{font-size:.7rem;font-weight:800}.site-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-block:1px solid var(--line);padding:.8rem 0}.site-stats strong{display:block}.site-stats span{font-size:.73rem;color:var(--muted)}.risk{font-size:.83rem;margin-top:.8rem;padding:.55rem .65rem;border-radius:9px;background:#f2f5f0}.risk.high{background:#fff0ed;color:#8f2f27}.split{grid-template-columns:1.3fr .7fr}.card{padding:1rem}.list{display:grid;gap:.6rem}.list-item{display:flex;gap:.75rem;padding:.7rem;border:1px solid var(--line);border-radius:12px;align-items:flex-start}.datebox{min-width:44px;text-align:center;background:var(--ink);color:#fff;border-radius:9px;padding:.25rem}.datebox b{display:block;font-size:1.1rem}.datebox small{font-size:.65rem}.list-item h4,.list-item p{margin:0}.list-item p{font-size:.8rem;color:var(--muted)}.badge{margin-left:auto;font-size:.72rem;font-weight:800;border-radius:99px;padding:.24rem .5rem;background:#e8f4ef;color:var(--green);white-space:nowrap}.badge.urgent{background:#fff0ed;color:var(--red)}.toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar input,.toolbar select{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;min-width:150px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line);font-size:.86rem}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f8faf7}.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.tabs button{background:transparent;color:var(--muted);border-radius:0;padding:.7rem;border-bottom:3px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.field{display:grid;gap:.25rem}.field label{font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);padding:.65rem;border-radius:9px;background:#fff}.field.full{grid-column:1/-1}.modal{position:fixed;inset:0;background:#0b1d1acc;z-index:30;display:grid;place-items:center;padding:1rem}.modal-box{background:#f7f8f5;border-radius:20px;padding:1.2rem;width:min(620px,100%);max-height:90vh;overflow:auto}.modal[hidden]{display:none}.empty{text-align:center;padding:2.5rem;color:var(--muted)}.progress{height:8px;background:#e7ece7;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green)}.sales{background:#f7f8f3}.sales header{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line)}.sales-main{max-width:1180px;margin:auto;padding:clamp(2rem,6vw,6rem) 1rem}.sales-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.sales h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:0}.sales h1 em{color:var(--green);font-style:normal}.sales-copy{font-size:1.1rem;color:var(--muted);max-width:55ch}.value-band{margin:4rem 0 1rem;padding:1.4rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}.value-band h2{margin:.25rem 0;font-size:1.35rem}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.value-grid div{display:grid;gap:.2rem}.value-grid span{font-size:.88rem;color:var(--muted)}.preview-card{background:var(--ink);color:white;padding:1.3rem;border-radius:24px;box-shadow:0 30px 70px #102a2744;transform:rotate(1deg)}.preview-card .metric{background:#ffffff0d;border-color:#ffffff22}.price-grid{grid-template-columns:repeat(3,1fr);margin-top:4rem}.price{padding:1.4rem}.price.featured{border:2px solid var(--gold)}.price strong{font-size:2rem}.faq{margin-top:4rem}.faq details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.footer-note{font-size:.75rem;color:var(--muted);margin-top:1rem}.mobile-nav{display:none}.toast{position:fixed;right:1rem;bottom:1rem;z-index:50;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:950px){.site-grid,.metrics{grid-template-columns:repeat(2,1fr)}.split,.sales-hero{grid-template-columns:1fr}.sidebar{width:210px}.content{margin-left:210px}}@media(max-width:700px){.value-band{grid-template-columns:1fr;margin-top:2rem}.value-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.content{margin:0;padding-bottom:70px}.topbar{height:62px}.top-actions .ghost{display:none}.main{padding:1rem}.metrics{grid-template-columns:repeat(2,1fr)}.site-grid,.price-grid{grid-template-columns:1fr}.site-stats{grid-template-columns:repeat(3,1fr)}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;background:var(--ink);z-index:20;justify-content:space-around;padding:.45rem}.mobile-nav button{background:transparent;font-size:.7rem;color:#becdc5;padding:.4rem}.mobile-nav button.active{color:var(--gold)}.hero-row{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.sales header .ghost{display:none}.sales-main{padding-top:3rem}}@media print{.sidebar,.topbar,.mobile-nav,.toolbar,button,.notice{display:none!important}.content{margin:0}.main{padding:0}.card,.metric{box-shadow:none;break-inside:avoid}body{background:#fff}}
/* Sales contrast and responsive polish */
.preview-card .eyebrow{color:#d6eadf}.preview-card .visual-tile{background:#173b35;border-color:#4c776b;color:#fff}.preview-card .visual-tile small{color:#fff}.preview-card .risk{background:#173b35;color:#f3fbf5;border:1px solid #4c776b}.preview-card .chip{background:#173b35;color:#fff;border-color:#4c776b}.sales-hero h1{max-width:11ch}.sales-copy{max-width:48ch}.visual-strip{min-width:0}@media(max-width:700px){.sales-main{padding:2.4rem 1rem 4rem}.sales-hero{gap:1.4rem}.sales h1{font-size:clamp(2.3rem,13vw,3.6rem);max-width:12ch}.sales-copy{font-size:1rem;line-height:1.45}.preview-card{transform:none;padding:1rem}.visual-strip{gap:.35rem}.visual-tile{padding:.55rem .2rem}.visual-tile .glyph{font-size:1.35rem}.visual-tile small{font-size:.68rem}.value-grid{gap:.7rem}.value-grid span{font-size:.84rem}}
 .site-manage{display:grid;gap:.55rem;align-content:start}.site-manage .edit-site{justify-self:start;font-size:.82rem}@media(max-width:700px){.site-manage .edit-site{width:100%;text-align:center}}
/* Grounded agriculture art direction: field contours and sunlit accents */
.sales{background-color:#f3efe2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='420' viewBox='0 0 720 420'%3E%3Cg fill='none' stroke='%2398a984' stroke-opacity='.18' stroke-width='2'%3E%3Cpath d='M-40 350C120 180 230 470 390 270S610 60 780 170'/%3E%3Cpath d='M-30 390C130 220 240 510 410 300S630 100 790 210'/%3E%3Cpath d='M-20 310C140 140 220 400 370 240S600 20 760 130'/%3E%3C/g%3E%3C/svg%3E");background-size:720px 420px}.sales header{background:#f3efe2e8}.sales-hero{position:relative}.sales-hero:after{content:'';position:absolute;right:4%;top:-2rem;width:9rem;height:9rem;border:2px solid #e9b949;border-radius:58% 42% 52% 48%;opacity:.45;transform:rotate(18deg);pointer-events:none}.preview-card{position:relative;overflow:hidden}.preview-card:after{content:'';position:absolute;inset:auto -15% -28% 25%;height:55%;border:2px solid #e9b94955;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.site-card{background-image:linear-gradient(135deg,#ffffff 0%,#fbfcf7 65%,#f1f5e8 100%)}.metric.alert{border-left:4px solid var(--red)}.sales .button:not(.ghost){box-shadow:0 8px 20px #102a2733}.sales .button:not(.ghost):hover{transform:translateY(-1px);transition:transform .18s ease}@media(prefers-reduced-motion:reduce){.sales .button:not(.ghost):hover{transform:none}.site-card{transition:none!important}}
.brand-mark{font-size:0;background:var(--gold) url('/icon.svg') center/100% 100% no-repeat;overflow:hidden}.sales .brand-mark{background-color:var(--gold)}
.checkup-callout{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;margin:0 0 1rem;border:1px solid #b9d7c8;border-radius:16px;background:#edf8f0}.checkup-callout>span{font-size:1.65rem}.checkup-callout p{margin:.2rem 0 0;color:var(--muted)}.animal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.animal-card{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.animal-card:hover{transform:translateY(-3px);border-color:var(--gold)}.animal-card>span{display:grid}.animal-card small{color:var(--muted)}.animal-icon{font-size:2.4rem;filter:drop-shadow(0 5px 7px #102a2722)}.animal-meta{text-align:right}.animal-meta strong{font-size:1.15rem}.animal-meta em{font-style:normal;font-size:.72rem;color:var(--green)}.animal-meta em.overdue{color:var(--red)}.measurement-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1rem}.measurement-guide h3,.measurement-guide p{margin:.2rem 0}.measurement-guide .risk{grid-column:1/-1}.animal-report{position:relative}.animal-report .close{float:right}.report-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1rem 0}.report-facts span{display:grid;padding:.7rem;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.72rem}.report-facts b{color:var(--ink);font-size:.95rem}.timeline>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;border-left:2px solid var(--gold);padding:0 0 1rem 1rem}.timeline p{margin:0}.timeline time{font-size:.75rem;color:var(--muted)}@media(max-width:800px){.animal-cards{grid-template-columns:1fr}.measurement-guide{grid-template-columns:1fr}.measurement-guide .risk{grid-column:auto}.report-facts{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.animal-card{transition:none}.animal-card:hover{transform:none}}