:root{--navy:#0a1628;--navy2:#0f1f38;--navy3:#152a4a;--ivory:#0f1f38;--paper:#0a1628;--gold:#c9a24a;--gold2:#e2c27c;--champ:rgba(226,194,124,.28);--ink:#f2f5f9;--ink2:#c9d3e0;--mut:#a3b3c8;--line:rgba(255,255,255,.1);--lineD:rgba(233,220,195,.14);
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--r:4px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:var(--sans);background:var(--paper);color:var(--ink2);line-height:1.75;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--gold2);text-decoration:none;transition:color .2s}a:hover{color:var(--gold)}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1200px;margin:auto;padding:0 32px}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}
.eyebrow:before{content:"";width:36px;height:1px;background:currentColor}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);font-weight:600;letter-spacing:-.005em;line-height:1.12}
h2{font-size:clamp(2.1rem,4vw,3.25rem);margin:18px 0 20px}
h3{font-size:1.45rem}
.serif{font-family:var(--serif);font-style:italic;font-weight:500}
h2 .serif{color:var(--gold2)}
.lead{color:var(--mut);max-width:640px;font-size:1.06rem;font-weight:300}
section{padding:128px 0;position:relative}
.alt{background:var(--ivory)}
.head{margin-bottom:64px}.center{text-align:center}.center .lead{margin:auto}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(10,22,40,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:.35s var(--ease)}
header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 30px rgba(11,26,46,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.badge{display:inline-flex;align-items:center}.badge img{height:54px;width:auto}
.links{display:flex;gap:34px;align-items:center}
.links a{color:var(--ink);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;position:relative}
.links a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--gold);transition:right .3s var(--ease)}
.links a:not(.btn):hover:after{right:0}
.burger{display:none;background:none;border:0;cursor:pointer;width:44px;height:44px}.burger span{display:block;height:1.5px;background:var(--ink);margin:7px 8px;transition:.3s}
/* buttons */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:var(--r);font-weight:500;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;transition:.3s var(--ease);border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn svg{width:17px;height:17px;fill:currentColor;flex:none}
.btn-blue{background:var(--gold);color:#0a1628;border-color:var(--gold)}
.btn-blue:hover{background:var(--gold2);border-color:var(--gold2);color:#0a1628;transform:translateY(-2px);box-shadow:0 14px 30px rgba(184,149,90,.28)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}.btn-line:hover{background:var(--ink);color:#0a1628}
.links .btn{padding:11px 22px;color:#0a1628}
.btn:disabled{opacity:.6;cursor:wait}
/* hero */
.hero{padding:120px 0 130px;overflow:hidden;background:linear-gradient(160deg,#0b1a2e 0%,#10233f 60%,#0b1a2e 100%);color:#d9dee6}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 85% 30%,rgba(184,149,90,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 120px);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center;position:relative}
.hero h1{color:#fff;font-size:clamp(2.7rem,6vw,5rem);font-weight:500;margin:26px 0 26px;line-height:1.04}
.hero h1 .serif{color:var(--gold2);display:block}
.hero .eyebrow{color:var(--gold2)}
.sub{font-size:1.25rem;color:#eef1f5;font-weight:300;max-width:560px}
.sub2{margin-top:14px;color:#9eabbd;max-width:560px;font-weight:300}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.hero .btn-blue{background:var(--gold);border-color:var(--gold);color:#0a1628}.hero .btn-blue:hover{background:#c9a76b;border-color:#c9a76b}
.hero .btn-line{border-color:rgba(255,255,255,.4);color:#fff}.hero .btn-line:hover{background:#fff;color:var(--navy)}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:48px;padding-top:26px;border-top:1px solid var(--lineD);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8d9bb0}
.hero-meta span{position:relative}.hero-meta{padding-left:15px}.hero-meta span:before{content:"";position:absolute;left:-15px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}
.globe svg{width:100%;max-width:440px;margin:auto;display:block}
.globe g[fill="none"]{stroke:var(--gold2)}.globe g[fill="none"]:first-of-type{stroke-opacity:.35}.globe g[fill="#e2c27c"]{fill:var(--gold2)}
.spin{transform-origin:200px 200px;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.dot{animation:pulse 2.6s ease-in-out infinite;transform-origin:228px 232px}@keyframes pulse{50%{opacity:.4}}
.a{opacity:0;transform:translateY(18px);animation:up .9s var(--ease) forwards}.a2{animation-delay:.12s}.a3{animation-delay:.24s}.a4{animation-delay:.36s}
@keyframes up{to{opacity:1;transform:none}}
/* trust */
.trust{background:var(--navy2);border-top:1px solid var(--lineD);color:#cfd6e0}
.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.ti{display:flex;gap:14px;align-items:center;padding:30px 18px;border-left:1px solid var(--lineD)}.ti:first-child{border-left:0;padding-left:0}
.ti b{display:block;font-family:var(--serif);font-size:1.12rem;color:#fff;font-weight:600;line-height:1.2}
.ti span{font-size:.76rem;color:#8d9bb0;letter-spacing:.04em}
.ic{flex:none;width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.trust .ic{border-color:rgba(216,191,143,.5);color:var(--gold2)}
/* about */
.two{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start}
.about p{margin-bottom:18px;font-size:1.04rem}
.facts{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line)}
.fact{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.fact b{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500;padding-top:3px}
.fact span{color:var(--ink);font-size:.95rem}
.founder{background:var(--navy3);border:1px solid var(--line);padding:44px 38px;text-align:center;box-shadow:0 30px 60px -30px rgba(11,26,46,.18);position:relative}
.founder:before{content:"";position:absolute;inset:10px;border:1px solid var(--champ);pointer-events:none}
.portrait{width:190px;height:190px;margin:0 auto 24px;border-radius:50%;padding:5px;border:1px solid var(--gold);overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.founder .eyebrow:before{display:none}.founder h3{font-size:1.85rem;margin:10px 0 6px}
.role{font-size:.8rem;letter-spacing:.08em;color:var(--mut);margin-bottom:18px}
.founder p{font-size:.95rem;text-align:left}
.founder .cta{justify-content:center;margin-top:26px;position:relative}
.founder .btn{padding:13px 22px}
/* cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--navy2);padding:42px 36px;display:flex;flex-direction:column;gap:14px;position:relative;transition:background .35s var(--ease)}
.alt .card{background:var(--navy)}
.card:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .45s var(--ease)}
.card:hover{background:var(--navy3)}.card:hover:after{width:100%}
.card:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.card h3{font-size:1.5rem}.card p{font-size:.94rem;color:var(--mut);flex:1}
.card .ic{margin-bottom:8px;transition:.35s}.card:hover .ic{background:var(--gold);color:#0a1628}
.more{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-weight:500}
.card:hover .more{color:var(--gold)}
.tagx{display:inline-block;margin:0 0 14px;font-size:.62rem;letter-spacing:.2em;line-height:1.6;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:4px 10px}.lead-card .ic{display:flex}
.lead-card{background:var(--navy3)!important;color:#c9d1dc}.lead-card h3{color:#fff}.lead-card p{color:#a8b4c4}.lead-card .more{color:var(--gold2)}.lead-card .ic{border-color:var(--gold2);color:var(--gold2)}
.ask{background:var(--navy2)!important}
/* process */
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}
.tl:before{content:"";position:absolute;top:30px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.st{text-align:center;position:relative}
.n{width:60px;height:60px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:var(--ivory);border:1px solid var(--gold);font-family:var(--serif);font-size:1.35rem;color:var(--gold);font-weight:600}
.st h3{font-size:1.35rem;margin-bottom:10px}.st p{font-size:.93rem;color:var(--mut)}
/* why */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.why>div{padding:38px 34px 38px 0;border-bottom:1px solid var(--line)}
.why>div:not(:nth-child(3n+1)){padding-left:34px;border-left:1px solid var(--line)}
.why h4{font-size:1.4rem;margin-bottom:10px}.why h4:before{content:"";display:block;width:24px;height:1px;background:var(--gold);margin-bottom:18px}
.why p{font-size:.94rem;color:var(--mut)}
/* contact */
#contact{background:var(--ivory)}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.cl{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ci{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.02rem}
.ci small{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
a.ci:hover{color:var(--gold)}.ci .sm{font-style:normal;color:var(--mut);font-size:.88rem}
form#eq{background:var(--navy3);border:1px solid var(--line);padding:46px;box-shadow:0 30px 60px -34px rgba(11,26,46,.2)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
label{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-weight:500;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;font-size:.98rem;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.25);padding:10px 0 12px;margin-bottom:24px;border-radius:0;transition:border-color .25s;-webkit-appearance:none;appearance:none}
select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b8955a' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center no-repeat;padding-right:24px}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-bottom-color:var(--gold)}
form#eq .btn{width:100%;margin-top:6px}
.note{font-size:.84rem;color:var(--mut);margin-top:16px}.note.ok{color:#8fd3a8}
.hp{display:none}
/* dialogs */
dialog{border:0;padding:0;margin:auto;max-width:860px;width:calc(100% - 32px);max-height:88vh;background:var(--navy2);color:var(--ink2);box-shadow:0 40px 100px rgba(11,26,46,.35)}
dialog::backdrop{background:rgba(11,26,46,.6);backdrop-filter:blur(4px)}
dialog[open]{animation:dlg .4s var(--ease)}@keyframes dlg{from{opacity:0;transform:translateY(20px)}}
.panel{display:flex;flex-direction:column;max-height:88vh}
.ph{display:flex;align-items:center;gap:18px;padding:28px 36px;border-bottom:1px solid var(--line);background:var(--ivory);position:sticky;top:0}
.ph h3{flex:1;font-size:1.75rem}
.close{background:none;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink);transition:.25s}.close:hover{background:var(--gold);color:#0a1628}
.pb{padding:32px 36px 36px;overflow:auto}
.pb>p{font-size:1.02rem;margin-bottom:8px}
.pb h4{font-size:1.25rem;margin:26px 0 10px;color:var(--ink)}
.pb ul,.pb ol{padding-left:20px}.pb li{margin:5px 0;font-size:.95rem}.pb li::marker{color:var(--gold)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.pf{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
/* footer */
footer{background:#07101e;color:#9aa7b9;padding:90px 0 36px;font-size:.9rem}
.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:48px}
footer .badge{background:#fff;padding:8px 14px;border-radius:2px}footer .badge img{height:48px}
footer .serif{font-size:1.45rem;color:#fff!important;line-height:1.3}
footer h5{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);font-weight:500;margin-bottom:18px}
footer ul{list-style:none}footer li{margin:8px 0}footer a{color:#c4cdd9}footer a:hover{color:var(--gold2)}
.reg{color:#e3e8ef;letter-spacing:.04em}.addr{line-height:1.6;color:#c4cdd9}
.copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;padding-top:26px;border-top:1px solid var(--lineD);font-size:.78rem;letter-spacing:.04em}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.3s}
.wa-float svg{width:28px;height:28px;fill:#fff}.wa-float:hover{transform:scale(1.07)}
/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.a{opacity:1;transform:none}}
/* responsive */
@media (max-width:1100px){.links{gap:22px}.trust .wrap{grid-template-columns:repeat(3,1fr)}.ti:nth-child(4){border-left:0;padding-left:0}.ti{border-top:1px solid var(--lineD)}.ti:nth-child(-n+3){border-top:0}}
@media (max-width:980px){
.burger{display:block}
.links{position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 32px 24px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.3s var(--ease)}
.links.open{opacity:1;transform:none;pointer-events:auto}.links a{padding:15px 0;border-bottom:1px solid var(--line)}.links a:not(.btn):after{display:none}.links .btn{margin-top:16px;border-bottom:0}
.hero .wrap{grid-template-columns:1fr}.globe{display:none}
.two,.contact{grid-template-columns:1fr;gap:56px}
.grid{grid-template-columns:1fr 1fr}
.tl{grid-template-columns:1fr 1fr;gap:48px 32px}.tl:before{display:none}
.why{grid-template-columns:1fr 1fr}.why>div{padding:32px 28px 32px 0!important;border-left:0!important}.why>div:nth-child(2n){padding-left:28px!important;border-left:1px solid var(--line)!important}
.fg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
.wrap{padding:0 22px}section{padding:84px 0}.head{margin-bottom:44px}
.nav{height:72px}.badge img{height:44px}.links{top:72px;padding:8px 22px 22px}
.hero{padding:76px 0 84px}.hero-meta{display:grid;grid-template-columns:1fr;gap:8px}.sub{font-size:1.1rem}.cta .btn{flex:1 1 100%}
.trust .wrap{grid-template-columns:1fr}.ti{padding:20px 10px 20px 0!important;border-left:0!important;border-top:1px solid var(--lineD)!important;gap:12px}.ti:first-child{border-top:0!important}.ti .ic{width:36px;height:36px}.ti b{font-size:1rem}.ti span{font-size:.7rem;overflow-wrap:anywhere}
.grid{grid-template-columns:1fr}.card{padding:34px 26px}
.tl,.why,.f2,.cols,.fg{grid-template-columns:1fr}.why>div{padding:28px 0!important;border-left:0!important}
.fact{grid-template-columns:1fr;gap:4px}
.founder{padding:38px 24px}.founder .cta .btn{flex:1}
form#eq{padding:30px 22px}
.ph{padding:20px 22px}.ph h3{font-size:1.4rem}.ph .ic{display:none}.pb{padding:24px 22px 28px}
.pf .btn{flex:1 1 100%}
dialog{width:100%;max-height:100vh;height:100%;max-width:none}.panel{max-height:100vh;height:100%}
}
@media (max-width:980px){#agri .card:last-child{grid-column:1/-1}}
select option{background:#0f1f38;color:#f2f5f9}input::placeholder,textarea::placeholder{color:#7f8ea3}footer .badge,.badge{background:#fff;padding:4px 10px;border-radius:3px}
@media (max-width:640px){.why>div:nth-child(n){padding:28px 0!important;border-left:0!important}}
.wa-float{bottom:78px}

/* image cards */
.card{--py:42px;--px:36px;overflow:hidden}
.cimg{display:block;position:relative;margin:calc(var(--py)*-1) calc(var(--px)*-1) 0;aspect-ratio:3/2;overflow:hidden;background:var(--navy3)}
.cimg img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(.92) contrast(1.03);transition:transform 1.1s var(--ease),filter .6s var(--ease)}
.cimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,.05) 35%,rgba(10,22,40,.55) 100%),linear-gradient(0deg,rgba(201,169,106,.08),rgba(201,169,106,0));box-shadow:inset 0 -1px 0 rgba(216,191,143,.35);pointer-events:none;transition:opacity .6s var(--ease)}
.card:hover .cimg img,.card:focus-visible .cimg img{transform:scale(1.08);filter:saturate(1.05) contrast(1.05)}
.card:hover .cimg:after{opacity:.75}
.cimg+.ic{position:relative;z-index:1;margin-top:-22px;background:var(--navy2);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.alt .cimg+.ic{background:var(--navy)}
.lead-card .cimg+.ic{background:var(--navy3)}
.card:hover .cimg+.ic{background:var(--gold)}
.card h3{letter-spacing:.005em}
@media (prefers-reduced-motion:reduce){.cimg img{transition:none}}
@media (max-width:640px){.card{--py:34px;--px:26px}.cimg{aspect-ratio:16/10}}
/* product pages (SEO) */
.ppage .pimg img{width:100%;height:auto;display:block;border:1px solid var(--lineD);object-fit:cover;aspect-ratio:3/2}
.ppage .hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.ppage .hero .eyebrow a{color:inherit;text-decoration:none}
.ppage .pspec{max-width:860px;margin:auto;padding:0}
.pf .btn-line{text-decoration:none}
@media (min-width:981px){.fg{grid-template-columns:1.3fr 1fr 1.1fr 1fr 1.2fr;gap:40px}}