/* VPP visual system: calm surfaces, clear hierarchy and consistent controls. */
:root{--green:#0b4932;--deep:#073522;--gold:#c6a15a;--ink:#20382d;--muted:#5d7166;--line:#e0e8df;--soft:#f3f6ef;--vpp-radius:18px;--vpp-shadow:0 8px 28px rgba(22,62,42,.055)}
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;color:var(--ink);background:#fff}
h1,h2,h3{font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#0a432f;letter-spacing:-.025em}h1{font-weight:700}h2{font-weight:650;line-height:1.25}h3{font-weight:650;line-height:1.4}p{line-height:1.75}.eyebrow{letter-spacing:.13em;font-size:12px;color:#936c28}
.header{background:rgba(255,255,255,.97);border-bottom:1px solid #e6ece5;box-shadow:0 3px 18px #183e2805}.nav a{transition:color .2s ease,background .2s ease}.nav a:hover{color:#19704c}.header .btn{box-shadow:none}.topline{background:#0a3d29}
.btn{border-radius:10px;padding:14px 23px;min-height:46px;font-weight:650;letter-spacing:.005em;box-shadow:0 4px 12px #073d2610;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{background:#155e41;box-shadow:0 7px 18px #073d2618}.btn.outline{border-color:#bcccbc;background:rgba(255,255,255,.4);box-shadow:none}.btn.outline:hover{background:#edf4e9;border-color:#739882}.btn.gold{color:#163d2a;background:#ddbd78;border-color:#ddbd78}.btn.gold:hover{background:#e5c98e;border-color:#e5c98e}.btn.light:hover{background:#ffffff16;color:#fff}.actions{gap:14px}.text-link{font-weight:600;text-underline-offset:5px}
.soft,.ex-soft,.contact-brief{background:#f3f6ef}.page-hero:not(.hero),.ex-hero{background:linear-gradient(115deg,#f1f5ec,#e8f1e7)}.page-hero h1,.ex-hero h1{letter-spacing:-.035em}.page-hero p{color:#536b5d}.hero h1,.hero h2,.hero h3,.buyer-journey-section h2,.buyer-journey-section h3,.ex-dark h2,.ex-dark h3,.footer h2,.footer h3,.contact-info h3{color:inherit}.hero{background:#073522}.hero-side{border-radius:20px;background:#073522ce;border:1px solid #ffffff25;box-shadow:0 18px 44px #031c1730}.hero-side .benefit{padding:16px 0}.hero-side .benefit strong{font-weight:650}.hero h1 em{color:#e3c17a}.hero .eyebrow,.buyer-journey-section .eyebrow,.ex-dark .eyebrow,.footer .eyebrow,.contact-info .eyebrow{color:#dfbd74}
.card,.product-card,.buyer-focus-card,.buyer-guide-card,.buyer-journey-card,.journey-step,.photo-story,.ex-card,.ex-stage,.brief-card,.meeting-card,.team-card{border-radius:var(--vpp-radius);border-color:#dfe8da;box-shadow:var(--vpp-shadow)}.card{padding:28px}.product-card{overflow:hidden}.buyer-focus-body,.buyer-journey-body,.ex-card-body,.meeting-body{padding:28px}.buyer-focus-label{border-radius:8px;background:#0a4932eb;backdrop-filter:blur(5px)}.buyer-focus-action{border-color:#e5ebe0}.buyer-deliverable,.ex-stage-reference,.brand-contact-expect{border-radius:8px;border-left-color:#c1a05a}.buyer-guide-topic{color:#89672d}.stats{border-radius:16px;box-shadow:0 12px 32px #173f2910;border-color:#e1e8de;padding-top:28px;padding-bottom:28px}.stat{border-color:#e1e8de}.stat strong{font-weight:650}
.vpp-cover-frame,.vpp-page-cover,.ex-photo,.story-factory-evolution figure,.footer-map{border-radius:18px;overflow:hidden}.ex-river-visual{border-radius:20px}.meeting-photo{border-radius:0}.ex-check-grid{border-radius:16px;background:#f5f7f1}.ex-stage-number{background:#0b4932}.ex-stage-footer{color:#52695a}.ex-final{border-radius:18px;background:#eef4e6}.photo-story figcaption{padding:22px}.section-head{margin-bottom:32px}
input,select,textarea{border-radius:9px!important;border-color:#bacdbb!important;background:#fff;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{outline:2px solid #6d9b7c;outline-offset:2px;box-shadow:0 0 0 4px #6d9b7c12}.form-grid{gap:20px}.form-grid label{font-size:14px;font-weight:600}.rfq-project-details{border-radius:12px}.ux-form-note{border-radius:8px;background:#f3f6f1}.contact-help{border-radius:18px}.contact-help .btn.gold{box-shadow:none}
.brand-faq,.ex-faq{border-top:0}.brand-faq details,.ex-faq details{background:#fff;border:1px solid #e0e8da;border-radius:12px;margin-bottom:12px;overflow:hidden}.brand-faq summary,.ex-faq summary{padding:20px 22px;font-weight:600}.brand-faq details p,.ex-faq details p{padding:0 22px 22px}.ex-dark .ex-faq details{background:#ffffff07;border-color:#ffffff25}.ex-stage details{border-radius:9px;border-color:#e4eadf}.ex-stage summary{padding:10px 12px}.ex-stage details p{padding:0 12px 14px}.footer{background:#073522}.footer-brand-slogan{color:#e7c77e}.footer .footer-brand-description{color:#d0dfd3}.footer-upper li a{color:#dce8df}.footer .copyright{color:#b8cfc0}
table{border-radius:12px;overflow:hidden}th{font-weight:600}td,th{border-color:#e1e8de}button:focus-visible,a:focus-visible{outline:3px solid #ae873e;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card,.product-card,.ex-card,.brief-card,.meeting-card{transition:box-shadow .22s ease,border-color .22s ease}.card:hover,.product-card:hover,.ex-card:hover,.brief-card:hover,.meeting-card:hover{box-shadow:0 12px 32px #173f2910;border-color:#bccfb8}}
@media(max-width:700px){.card{padding:24px}.buyer-focus-body,.buyer-journey-body,.ex-card-body,.meeting-body{padding:24px}.btn{padding:13px 19px;min-height:46px}.hero-side{border-radius:16px}.section-head{margin-bottom:24px}.brand-faq summary,.ex-faq summary{padding:18px}.brand-faq details p,.ex-faq details p{padding:0 18px 20px}.form-grid{gap:16px}.page-hero h1,.ex-hero h1{line-height:1.17}}
@media(prefers-reduced-motion:reduce){.btn,.nav a,input,select,textarea{transition:none}}