@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  --ink:#0d1f17;
  --ink-2:#183126;
  --forest:#184f40;
  --forest-2:#246c50;
  --leaf:#8fc94a;
  --lime:#dce985;
  --sun:#f2cf58;
  --berry:#d56f96;
  --violet:#6c5aa3;
  --sky:#5a8dc8;
  --cream:#faf8ef;
  --paper:#fffdf8;
  --muted:#617267;
  --line:rgba(13,31,23,.12);
  --white:#fff;
  --shadow:0 22px 70px rgba(19,48,36,.13);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 92% 8%,rgba(242,207,88,.12),transparent 27%),radial-gradient(circle at 7% 78%,rgba(213,111,150,.07),transparent 24%),var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.75rem;color:var(--forest-2)}
.eyebrow:before{content:'';width:20px;height:2px;background:linear-gradient(90deg,var(--leaf),var(--sun));border-radius:9px}
.h1,.h2,.h3,h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.035em;line-height:1.04;margin:0}
h1,.h1{font-size:clamp(3.2rem,8vw,7rem);font-weight:800}
h2,.h2{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:800}
h3,.h3{font-size:1.35rem;font-weight:700}
p{margin:0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:700;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--ink);color:var(--white);box-shadow:0 10px 30px rgba(13,31,23,.16)}
.btn-primary:hover{background:var(--forest)}
.btn-light{background:var(--white);color:var(--ink);border-color:rgba(255,255,255,.2)}
.btn-outline{border-color:var(--line);background:rgba(255,255,255,.35)}
.btn .arrow{font-size:1.15em}

/* nav */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s ease}
.site-header.scrolled{border-bottom-color:var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-family:'Manrope';font-weight:800;letter-spacing:-.03em}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.brand-mark:before,.brand-mark:after{content:'';position:absolute;background:var(--lime);border-radius:100% 0 100% 0;transform:rotate(-28deg)}
.brand-mark:before{width:15px;height:24px;left:12px;top:5px}
.brand-mark:after{width:11px;height:18px;right:5px;bottom:4px;opacity:.7}
.nav-links{display:flex;align-items:center;gap:25px;font-size:.95rem;font-weight:600}
.nav-links a{color:#31483b;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.nav-cta{padding:10px 16px;background:var(--ink);color:#fff!important;border-radius:999px}
.menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;border-radius:12px}
.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto}

/* hero */
.hero{padding:48px 0 92px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;min-height:680px}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:760px;margin:20px 0 26px}
.hero-copy h1 em{font-style:normal;color:var(--forest-2);position:relative}
.hero-copy h1 em:after{content:'';position:absolute;height:9px;background:var(--lime);left:2%;right:0;bottom:2px;z-index:-1;border-radius:30px;opacity:.8}
.hero-copy .lead{font-size:1.18rem;max-width:650px;margin-bottom:34px;color:#4c6255}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.micro-stats{display:flex;gap:34px;margin-top:48px;padding-top:26px;border-top:1px solid var(--line)}
.micro-stat strong{display:block;font-family:'Manrope';font-size:1.55rem;letter-spacing:-.04em}
.micro-stat span{font-size:.84rem;color:var(--muted)}
.hero-visual{height:650px;position:relative}
.hero-panel{position:absolute;inset:20px 0 0 30px;border-radius:42px;background:linear-gradient(150deg,#d8efc3 0%,#f6f8ed 46%,#badb91 100%);overflow:hidden;box-shadow:var(--shadow)}
.hero-panel:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(13,31,23,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,31,23,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.farm-rig{position:absolute;inset:66px 44px 45px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.rack{height:142px;border:5px solid var(--ink);border-radius:18px;position:relative;background:rgba(255,255,255,.35);box-shadow:inset 0 -8px 0 rgba(13,31,23,.04)}
.rack:after{content:'';position:absolute;left:6%;right:6%;top:50%;height:5px;background:var(--ink);transform:translateY(-50%)}
.plants{display:flex;justify-content:space-around;position:absolute;left:9%;right:9%;top:9px;height:55px}
.plant{width:44px;height:44px;position:relative}
.plant i{position:absolute;width:21px;height:31px;background:var(--forest-2);border-radius:100% 0 100% 0;transform-origin:bottom center}
.plant i:nth-child(1){transform:rotate(-44deg);left:1px;top:12px}
.plant i:nth-child(2){transform:rotate(38deg);right:2px;top:9px;background:#5d973f}
.plant i:nth-child(3){transform:rotate(-2deg);left:13px;top:1px;background:#79b94d}
.control-card{position:absolute;right:-12px;top:38px;width:190px;padding:18px;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(13,31,23,.14);border:1px solid rgba(13,31,23,.08)}
.control-card small{font-weight:700;color:var(--muted)}
.control-card strong{font-family:'Manrope';display:block;font-size:1.75rem;margin-top:3px}
.signal{height:6px;background:#e4eadf;border-radius:99px;margin-top:13px;overflow:hidden}
.signal span{display:block;height:100%;width:74%;background:var(--forest-2);border-radius:99px}
.hero-badge{position:absolute;left:4px;bottom:54px;background:var(--ink);color:white;border-radius:24px;padding:17px 19px;max-width:220px;box-shadow:0 14px 40px rgba(13,31,23,.18)}
.hero-badge strong{font-family:'Manrope';display:block;margin-bottom:3px}.hero-badge span{font-size:.82rem;color:#d8e4dc}

.section{padding:100px 0}.section-sm{padding:75px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head h2{margin-top:13px;max-width:760px}.section-head p{max-width:420px;font-size:1.04rem}

/* dark statement */
.statement{background:var(--ink);color:#fff;border-radius:40px;padding:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;position:relative;overflow:hidden}
.statement:after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(199,242,123,.22);right:-130px;top:-190px;box-shadow:0 0 0 65px rgba(199,242,123,.03),0 0 0 130px rgba(199,242,123,.025)}
.statement h2{color:#fff}.statement p{color:#cbd8d0;font-size:1.05rem}.statement .eyebrow{color:var(--lime)}

.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px;min-height:250px;display:flex;flex-direction:column;transition:.25s ease}
.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon-box{width:50px;height:50px;border-radius:15px;background:#edf5df;display:grid;place-items:center;margin-bottom:auto;font-size:1.35rem}
.info-card h3{margin:28px 0 10px}.info-card p{font-size:.95rem}

/* timeline */
.timeline{position:relative;margin-top:10px}.timeline:before{content:'';position:absolute;left:139px;top:4px;bottom:4px;width:1px;background:var(--line)}
.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:0 0 45px;position:relative}
.timeline-year{font-family:'Manrope';font-weight:800;color:var(--forest-2);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;padding-top:7px}
.timeline-body{position:relative;padding-left:34px}.timeline-body:before{content:'';position:absolute;left:-26px;top:9px;width:11px;height:11px;background:var(--leaf);border:5px solid var(--cream);box-shadow:0 0 0 1px var(--line);border-radius:50%}
.timeline-body h3{margin-bottom:9px}.timeline-body p{max-width:760px}

/* page hero */
.page-hero{padding:78px 0 62px;position:relative;overflow:hidden}
.page-hero:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(242,207,88,.12);right:7%;top:35px;filter:blur(1px)}
.page-hero:after{content:'';position:absolute;width:86px;height:86px;border-radius:55% 45% 60% 40%;background:rgba(213,111,150,.09);right:20%;bottom:24px;transform:rotate(18deg)}
.page-hero .container{position:relative;z-index:1}.page-hero .wrap{max-width:900px}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem);margin:18px 0 24px}.page-hero p{font-size:1.2rem;max-width:760px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split h2{font-size:clamp(2rem,4vw,3.5rem);margin-top:12px}.prose p{margin-bottom:18px;font-size:1.02rem}.prose strong{color:var(--ink)}
.diagram{background:var(--ink);border-radius:32px;padding:26px;min-height:420px;color:#fff;position:sticky;top:110px;overflow:hidden}.diagram h3{font-size:1rem;color:#cfe0d5;margin-bottom:22px}.diagram-flow{display:grid;gap:12px}.flow-node{background:#18392c;border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.flow-node b{font-size:.95rem}.flow-node span{font-size:.75rem;color:#b4c6ba}.flow-line{height:22px;width:2px;background:var(--lime);margin:-6px 0 -6px 27px;opacity:.7}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:18px;transition:.25s}.person-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.avatar{aspect-ratio:1/.82;border-radius:18px;background:linear-gradient(140deg,#d8e5d9,#ecf0e4);display:grid;place-items:center;font-family:'Manrope';font-size:2.2rem;font-weight:800;color:var(--forest);position:relative;overflow:hidden}.avatar:after{content:'';position:absolute;width:120px;height:120px;border:28px solid rgba(255,255,255,.42);border-radius:50%;right:-45px;top:-42px}.person-card h3{font-size:1.08rem;margin:17px 0 4px}.person-card p{font-size:.86rem}.team-filter{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.pill{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:999px;font-weight:700;font-size:.85rem;cursor:pointer}.pill.active{background:var(--ink);color:#fff}

/* tiers / hiring */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tier{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:32px;position:relative}.tier.featured{background:var(--ink);color:#fff;transform:translateY(-10px)}.tier.featured p,.tier.featured li{color:#cbd8d0}.tier small{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--forest-2)}.tier.featured small{color:var(--lime)}.tier .price{font-family:'Manrope';font-size:2.7rem;font-weight:800;margin:14px 0 22px}.tier ul{list-style:none;padding:0;margin:23px 0 0;border-top:1px solid var(--line)}.tier.featured ul{border-color:rgba(255,255,255,.12)}.tier li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.92rem}.tier.featured li{border-color:rgba(255,255,255,.12)}
.roles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.role{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;gap:18px;align-items:center}.role-icon{width:48px;height:48px;border-radius:14px;background:#eaf3dd;display:grid;place-items:center;font-weight:800;color:var(--forest)}.role p{font-size:.88rem}.role h3{font-size:1.05rem;margin-bottom:3px}

/* dashboard */
.dashboard-shell{background:#0e1c16;border-radius:34px;padding:20px;box-shadow:var(--shadow)}.dash-top{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px 8px 22px}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;background:#789082;border-radius:50%}.dash-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.metric,.chart{background:#152c22;border:1px solid rgba(255,255,255,.08);border-radius:22px;color:#fff;padding:22px}.chart{min-height:300px;position:relative;overflow:hidden}.chart-bars{position:absolute;left:25px;right:25px;bottom:32px;height:190px;display:flex;gap:10px;align-items:end}.chart-bars i{flex:1;background:linear-gradient(to top,#587d3d,#b9e871);border-radius:7px 7px 2px 2px;opacity:.9}.metrics{display:grid;gap:14px}.metric small{color:#9eb1a5}.metric strong{display:block;font-family:'Manrope';font-size:2rem;margin-top:6px}.status{display:inline-flex;align-items:center;gap:7px;color:#c8ef86;font-size:.8rem}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:#a9e45e}

/* cta/footer */
.cta-panel{background:linear-gradient(130deg,#b5e86f,#dff2bd);border-radius:36px;padding:62px;display:flex;align-items:end;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.cta-panel:after{content:'↗';position:absolute;right:36px;top:12px;font-family:'Manrope';font-size:7rem;font-weight:800;opacity:.07}.cta-panel h2{max-width:680px}.cta-panel p{max-width:570px;margin-top:15px;color:#3b533f}
footer{padding:55px 0 35px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-brand p{max-width:420px;margin-top:18px}.footer-col h4{font-family:'Manrope';margin:0 0 14px}.footer-col a{display:block;color:var(--muted);margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:.83rem;color:var(--muted)}

.notice{background:#edf5df;border:1px solid #d9e9c3;color:#35513a;padding:13px 16px;border-radius:14px;font-size:.9rem;margin-bottom:24px}

@media(max-width:900px){
 .hero-grid,.statement,.split{grid-template-columns:1fr}.hero-visual{height:560px}.hero-panel{inset:20px 0 0}.section-head{align-items:flex-start;flex-direction:column}.cards-3,.tiers{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;left:20px;right:20px;top:72px;background:var(--paper);padding:18px;border-radius:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.statement{padding:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.dash-grid{grid-template-columns:1fr}.roles{grid-template-columns:1fr}.diagram{position:relative;top:auto}
}
@media(max-width:620px){
 .container{width:min(calc(100% - 26px),var(--max))}.hero{padding-top:22px}.hero-grid{min-height:auto;gap:25px}.hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)}.hero-visual{height:460px}.farm-rig{inset:55px 22px 38px}.rack{height:105px}.plant{transform:scale(.8)}.control-card{right:8px;top:18px;width:155px;padding:14px}.hero-badge{left:12px;bottom:28px}.micro-stats{gap:18px;justify-content:space-between}.micro-stat strong{font-size:1.25rem}.section{padding:75px 0}.statement{padding:34px 26px;border-radius:30px}.team-grid{grid-template-columns:1fr 1fr;gap:11px}.person-card{padding:11px;border-radius:18px}.timeline:before{left:6px}.timeline-item{grid-template-columns:1fr;gap:10px;padding-left:30px}.timeline-year{padding-left:0}.timeline-body{padding-left:0}.timeline-body:before{left:-29px}.cta-panel{padding:38px 28px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding-top:50px}.tiers .featured{transform:none}
}

/* 2026 leadership + open source */
.exec-grid{grid-template-columns:repeat(5,1fr)}
.featured-person{background:linear-gradient(160deg,#fffef8 55%,#edf5df)}
.role-tag{display:inline-flex;margin-top:16px;padding:6px 9px;border-radius:999px;background:#edf5df;color:var(--forest);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.person-card .role-tag+h3{margin-top:10px}
.pending{color:var(--forest-2);font-weight:800}
.role-note{font-size:.84rem;margin-top:16px}
.btn-disabled{opacity:.68;cursor:not-allowed;pointer-events:none}
.source-actions{margin-top:32px}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resource-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:285px;display:flex;flex-direction:column;transition:.25s ease}
.resource-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.resource-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--forest-2);margin-bottom:38px}
.resource-card h3{font-size:1.45rem;margin-bottom:12px}
.resource-card p{font-size:.94rem}
.resource-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:28px;font-weight:700;color:var(--forest)}
.resource-footer a{text-decoration:underline;text-decoration-color:rgba(18,60,44,.25);text-underline-offset:4px}
.source-statement{align-items:center}
@media(max-width:1100px){.exec-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.resource-grid{grid-template-columns:1fr}.exec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.exec-grid{grid-template-columns:1fr 1fr}.resource-card{min-height:245px}}

.footer-muted{display:block;color:var(--muted);margin:7px 0;font-size:inherit}
.btn-disabled{user-select:none}


/* Partners + partnership form */
.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.partner-card{min-height:250px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(8,38,32,.05);position:relative;overflow:hidden}
.partner-card:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;top:-35px;opacity:.35}
.partner-card-sun:after{background:var(--sun)}
.partner-card-violet:after{background:var(--violet)}
.partner-card img{max-width:min(100%,440px);max-height:170px;object-fit:contain;position:relative;z-index:1}
.partnership-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;background:linear-gradient(145deg,#f5f7e9,#fffdf8);border:1px solid var(--line);border-radius:34px;padding:54px;box-shadow:0 22px 60px rgba(19,48,36,.07);position:relative;overflow:hidden}
.partnership-panel:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(242,207,88,.15);left:-80px;bottom:-95px}
.partnership-panel:after{content:'';position:absolute;width:100px;height:100px;border-radius:46% 54% 58% 42%;background:rgba(213,111,150,.10);right:34%;top:-52px;transform:rotate(24deg)}
.partnership-copy,.partner-form{position:relative;z-index:1}
.partnership-copy h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:14px 0 18px}
.partnership-copy p{font-size:1rem}
.form-note{margin-top:22px!important;font-size:.9rem!important}
.form-note a{text-decoration:underline;text-underline-offset:3px;color:var(--forest)}
.partner-form{display:grid;gap:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.partner-form label{display:grid;gap:7px}
.partner-form label span{font-weight:700;font-size:.86rem;color:var(--ink-2)}
.partner-form input,.partner-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 15px;color:var(--ink);outline:none;transition:.2s}
.partner-form textarea{resize:vertical;min-height:150px}
.partner-form input:focus,.partner-form textarea:focus{border-color:rgba(36,108,80,.45);box-shadow:0 0 0 4px rgba(143,201,74,.12)}
.partner-form .btn{justify-self:start;margin-top:4px}
@media(max-width:900px){.partner-grid,.partnership-panel{grid-template-columns:1fr}.partnership-panel{padding:40px}.form-grid{grid-template-columns:1fr}}
@media(max-width:620px){.partner-card{min-height:190px;padding:24px}.partnership-panel{padding:30px 22px;border-radius:26px}}

/* QVFT brand accents */
.role:nth-child(1) .role-icon{background:rgba(242,207,88,.24)}
.role:nth-child(2) .role-icon{background:rgba(108,90,163,.14);color:var(--violet)}
.role:nth-child(3) .role-icon{background:rgba(143,201,74,.20)}
.role:nth-child(4) .role-icon{background:rgba(213,111,150,.15);color:#9b4668}
.role:nth-child(5) .role-icon{background:rgba(90,141,200,.14);color:#3f6d9e}
.person-card:nth-child(2n) .avatar{background:linear-gradient(140deg,rgba(242,207,88,.22),#eef0e6)}
.person-card:nth-child(3n) .avatar{background:linear-gradient(140deg,rgba(213,111,150,.13),#eef0e6)}
.person-card:nth-child(4n) .avatar{background:linear-gradient(140deg,rgba(108,90,163,.11),#eef0e6)}

/* =========================================================
   QVFT 2026 botanical brand refresh
   Inspired by the team's illustrated green / cream identity.
   ========================================================= */
:root{
  --ink:#123d32;
  --ink-2:#244f42;
  --forest:#145747;
  --forest-2:#4f873f;
  --leaf:#8cc84b;
  --lime:#dfeea8;
  --sun:#f3cf59;
  --berry:#e78ca3;
  --violet:#9b8dd4;
  --sky:#aebdf1;
  --cream:#fbf8ee;
  --paper:#fffdf7;
  --muted:#65786f;
  --line:rgba(18,61,50,.12);
  --shadow:0 18px 50px rgba(20,87,71,.08);
}

body{
  background-color:var(--cream);
  background-image:
    radial-gradient(circle at 50% 6%,rgba(255,255,255,.96),rgba(255,255,255,0) 25%),
    radial-gradient(circle at 16% 34%,rgba(222,238,168,.24),transparent 24%),
    radial-gradient(circle at 86% 62%,rgba(231,140,163,.12),transparent 22%),
    url('assets/botanical-pattern.svg');
  background-size:auto,auto,auto,min(1600px,100vw) auto;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;
  background-position:top center,top left,center right,top center;
  color:var(--ink);
}

main{position:relative;isolation:isolate}
main:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,253,247,.34),rgba(251,248,238,.68));
}

.site-header{
  background:rgba(255,253,247,.91);
  border-bottom-color:rgba(18,61,50,.08);
  box-shadow:0 7px 28px rgba(18,61,50,.035);
}
.brand img{width:44px;height:44px}
.brand span{font-size:1.18rem;color:var(--ink)}
.nav-links a{padding:9px 13px;border-radius:999px;color:#425d53}
.nav-links a:hover,.nav-links a.active:not(.nav-cta){background:rgba(223,238,168,.5);color:var(--ink)}
.nav-cta{background:var(--forest)!important;color:#fff!important;box-shadow:0 10px 22px rgba(20,87,71,.16)}

.eyebrow{color:var(--forest);letter-spacing:.19em}
.eyebrow:before{width:26px;height:3px;background:var(--leaf)}
h1,h2,h3,.h1,.h2,.h3{color:var(--ink)}

.hero{padding-top:64px}
.hero-copy h1 em{color:#5d913f}
.hero-copy h1 em:after{background:var(--sun);height:10px;opacity:.68}
.hero-copy .lead{color:#526b61}
.hero-panel{
  border:1px solid rgba(18,61,50,.08);
  background:linear-gradient(145deg,#f8f0bb 0%,#f9f7e8 34%,#dcecc2 100%);
  box-shadow:0 28px 70px rgba(18,61,50,.12);
}
.hero-panel:after{
  content:'✿';position:absolute;right:28px;bottom:18px;color:var(--berry);font-size:3.2rem;opacity:.55;
}
.control-card{border-radius:26px;background:rgba(255,253,247,.96)}
.hero-badge{background:var(--forest);border-radius:28px}

.section,.section-sm{position:relative}
.section-head h2,.page-hero h1{color:var(--ink)}

.statement{
  background:linear-gradient(135deg,#174f40,#1f6b50);
  border-radius:42px;
  box-shadow:0 24px 60px rgba(18,61,50,.14);
}
.statement:before{content:'✿';position:absolute;left:28px;bottom:12px;color:var(--sun);font-size:4rem;opacity:.16}
.statement:after{border-color:rgba(223,238,168,.28)}

.info-card,.resource-card,.role,.partner-card{
  background:rgba(255,253,247,.92);
  border-color:rgba(18,61,50,.11);
  box-shadow:0 12px 30px rgba(18,61,50,.035);
}
.info-card:nth-child(1){background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(223,238,168,.23))}
.info-card:nth-child(2){background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(243,207,89,.14))}
.info-card:nth-child(3){background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(231,140,163,.12))}
.icon-box{border-radius:50%;background:#eef5d7;color:var(--forest)}

.page-hero{padding-top:92px;padding-bottom:72px}
.page-hero:before{width:230px;height:230px;background:rgba(223,238,168,.24);right:5%;top:18px}
.page-hero:after{width:120px;height:120px;background:rgba(231,140,163,.10);right:18%;bottom:14px}
.page-hero .wrap:after{content:'✦';display:inline-block;color:var(--sun);font-size:2rem;margin-top:18px}

.timeline-body:before{background:var(--berry);border-color:var(--cream)}
.notice{background:rgba(223,238,168,.44);border-color:rgba(140,200,75,.3);border-radius:18px}

/* executive team — open, circular, and playful rather than boxed cards */
.exec-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.exec-grid .person-card{
  background:transparent;border:0;box-shadow:none;padding:8px 4px;text-align:center;border-radius:0;
}
.exec-grid .person-card:hover{transform:translateY(-4px);box-shadow:none}
.exec-grid .avatar{
  width:min(100%,205px);aspect-ratio:1;border-radius:50%;margin:0 auto;
  font-size:clamp(2.4rem,4vw,3.35rem);
  border:2px solid rgba(18,61,50,.06);
  box-shadow:0 14px 32px rgba(18,61,50,.06);
}
.exec-grid .person-card:nth-child(1) .avatar{background:linear-gradient(145deg,#d8edce,#f2f7e9)}
.exec-grid .person-card:nth-child(2) .avatar{background:linear-gradient(145deg,#faeaa4,#fff7d8)}
.exec-grid .person-card:nth-child(3) .avatar{background:linear-gradient(145deg,#f7c5cf,#fff0ef)}
.exec-grid .person-card:nth-child(4) .avatar{background:linear-gradient(145deg,#d6daf8,#eef0ff)}
.exec-grid .person-card:nth-child(5) .avatar{background:linear-gradient(145deg,#d8edce,#f2f7e9)}
.exec-grid .avatar:after{width:150px;height:150px;border-width:30px;right:-54px;top:-46px}
.exec-grid .role-tag{margin:15px auto 0;justify-content:center;padding:7px 13px;background:#edf5d7}
.exec-grid .person-card:nth-child(2) .role-tag{background:#fff0b8}
.exec-grid .person-card:nth-child(3) .role-tag{background:#f9d2da}
.exec-grid .person-card:nth-child(4) .role-tag{background:#dfe3fb}
.exec-grid .person-card h3{font-size:1.12rem;margin:11px 0 3px}
.exec-grid .person-card p{font-size:.91rem;color:#5c7067;line-height:1.35}

.roles{gap:18px}
.role{border-radius:28px;padding:28px}
.role-icon{border-radius:50%;width:54px;height:54px}

.partner-card{border-radius:32px}
.partnership-panel{
  background:linear-gradient(145deg,rgba(255,253,247,.97),rgba(239,247,218,.92));
  border-radius:38px;
}
.partner-form input,.partner-form textarea{background:rgba(255,255,255,.82);border-radius:18px}

.resource-card{border-radius:32px}
.resource-kicker{color:#5e9144}

.dashboard-shell{background:linear-gradient(145deg,#0f4337,#14362d);border-radius:40px}
.metric,.chart{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
.chart-bars i:nth-child(3n+1){background:linear-gradient(to top,#d56f96,#f2b4c8)}
.chart-bars i:nth-child(3n+2){background:linear-gradient(to top,#6d66a7,#b9c4f3)}
.chart-bars i:nth-child(3n){background:linear-gradient(to top,#5b903e,#c8e46e)}

.cta-panel{
  background:linear-gradient(135deg,#e7f2c5 0%,#fff2b8 55%,#f8d9e2 100%);
  border:1px solid rgba(18,61,50,.08);
  box-shadow:0 18px 48px rgba(18,61,50,.07);
}
.cta-panel:before{content:'✿';position:absolute;left:28px;bottom:8px;font-size:5rem;color:var(--berry);opacity:.16}
.cta-panel:after{color:var(--forest)}

footer{
  margin-top:40px;padding-top:62px;
  background:linear-gradient(180deg,rgba(251,248,238,0),rgba(224,237,191,.34));
}
.footer-grid{border-bottom-color:rgba(18,61,50,.12)}
.footer-col a:hover{color:var(--forest)}

@media(max-width:1100px){
  .exec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  body{background-size:auto,auto,auto,1350px auto}
  .exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body{background-size:auto,auto,auto,1100px auto}
  .exec-grid{grid-template-columns:1fr 1fr;gap:12px}
  .exec-grid .avatar{width:min(100%,155px)}
  .exec-grid .person-card h3{font-size:1rem}
  .exec-grid .person-card p{font-size:.8rem}
}

/* =========================================================
   Team page — botanical illustrated executive layout
   ========================================================= */
.botanical-team-page{position:relative;padding:88px 0 70px;overflow:hidden}
.botanical-team-page .container{position:relative}
.team-hero-lockup{text-align:center;max-width:720px;margin:0 auto 34px;position:relative;z-index:2}
.team-hero-lockup h1{font-size:clamp(3.8rem,9vw,6.2rem);line-height:.95;margin:12px 0 10px}
.team-hero-lockup p{font-size:1.05rem;color:#5b6f65}
.team-hero-accent{width:88px;height:6px;border-radius:999px;background:linear-gradient(90deg,#d7e7b6,#c6d88e);margin:18px auto 0}
.team-doodle{position:absolute;font-family:'Manrope',system-ui,sans-serif;font-weight:700;color:#5a8b41;line-height:1.04;letter-spacing:-.03em;opacity:.95;z-index:1}
.team-doodle-left{left:-8px;top:128px;font-size:1rem;transform:rotate(-9deg)}
.team-doodle-right{right:22px;top:118px;font-size:1rem;transform:rotate(-9deg);text-align:center}
.team-doodle-bottom{left:8px;bottom:84px;font-size:1rem;transform:rotate(-8deg)}
.team-doodle:before,.team-doodle:after{content:'';position:absolute;width:18px;height:3px;background:#9fc865;border-radius:999px}
.team-doodle-left:before{left:-12px;top:10px;transform:rotate(-35deg)}
.team-doodle-left:after{right:-10px;top:30px;transform:rotate(28deg)}
.team-doodle-right:before{left:-16px;top:15px;transform:rotate(-32deg)}
.team-doodle-right:after{right:-16px;bottom:12px;transform:rotate(32deg)}
.team-doodle-bottom:before{right:-10px;top:14px;transform:rotate(26deg)}
.team-doodle-bottom:after{right:-4px;bottom:8px;transform:rotate(-24deg)}

.hero-vine{position:absolute;top:6px;width:260px;height:170px;z-index:0;pointer-events:none}
.hero-vine .vine-stem{position:absolute;left:0;right:0;top:26px;height:8px;border-radius:999px;background:#82c356;transform-origin:left center}
.vine-left{left:-22px}
.vine-right{right:-18px;transform:scaleX(-1)}
.vine-left .vine-stem{transform:rotate(4deg);clip-path:path('M0,30 C60,5 90,80 145,40 C175,18 205,50 245,20 L245,60 C205,90 175,50 145,72 C90,112 60,25 0,50 Z')}
.vine-right .vine-stem{transform:rotate(-3deg);clip-path:path('M0,30 C60,5 90,80 145,40 C175,18 205,50 245,20 L245,60 C205,90 175,50 145,72 C90,112 60,25 0,50 Z')}
.hero-vine .vine-leaf{position:absolute;width:38px;height:22px;background:#72b84d;border-radius:100% 0 100% 0;box-shadow:inset 0 -2px 0 rgba(18,61,50,.1)}
.hero-vine .leaf-a{left:12px;top:4px;transform:rotate(-28deg)}
.hero-vine .leaf-b{left:188px;top:0;transform:rotate(36deg)}
.vine-right .leaf-a{left:18px;top:2px}
.vine-right .leaf-b{left:182px;top:2px}
.hero-vine .vine-flower,.hero-vine .vine-fruit{position:absolute}
.hero-vine .vine-flower{left:48px;top:0;width:28px;height:28px;background:#f1c64b;border-radius:50%;box-shadow:-12px 5px 0 0 #f1c64b,12px 5px 0 0 #f1c64b,0 15px 0 0 #f1c64b}
.hero-vine .vine-fruit{right:16px;top:6px;width:28px;height:34px;background:#ef7d98;border-radius:48% 48% 44% 44%;box-shadow:inset -4px -5px 0 rgba(255,255,255,.12)}
.hero-vine .vine-fruit:before{content:'';position:absolute;left:6px;top:-9px;width:18px;height:12px;background:#5da943;clip-path:polygon(0 100%,50% 0,100% 100%,68% 66%,50% 85%,32% 66%)}
.hero-vine .vine-fruit:after{content:'';position:absolute;left:7px;top:8px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:8px 2px 0 rgba(255,255,255,.65),4px 8px 0 rgba(255,255,255,.65),13px 9px 0 rgba(255,255,255,.65),2px 15px 0 rgba(255,255,255,.65),10px 17px 0 rgba(255,255,255,.65)}
.hero-vine .vine-star{position:absolute;right:54px;top:22px;width:16px;height:16px;background:#f1c64b;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.vine-right .vine-star{right:76px;top:44px}

.botanical-exec-grid{position:relative;z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}
.botanical-exec-grid .person-card{position:relative;background:rgba(255,253,247,.9);border:1px solid rgba(18,61,50,.08);box-shadow:0 14px 28px rgba(18,61,50,.05);padding:18px 16px 20px;border-radius:24px;text-align:center;overflow:hidden}
.botanical-exec-grid .person-card:hover{transform:translateY(-4px)}
.botanical-exec-grid .avatar{width:170px;height:170px;display:grid;place-items:center;margin:18px auto 10px;border-radius:50%;position:relative;font-size:2.7rem;font-weight:800;letter-spacing:-.05em;color:#145747;background:#eaf4db;border:10px solid rgba(241,247,229,.9);box-shadow:0 10px 22px rgba(18,61,50,.08)}
.botanical-exec-grid .person-card:nth-child(2) .avatar{background:#fbf3c8}
.botanical-exec-grid .person-card:nth-child(3) .avatar{background:#f8dce4}
.botanical-exec-grid .person-card:nth-child(4) .avatar{background:#dfe5fb}
.botanical-exec-grid .person-card:nth-child(5) .avatar{background:#dcefd0}
.botanical-exec-grid .role-tag{display:inline-flex;margin:8px auto 0;padding:8px 16px;justify-content:center;background:#ecf4d6;border:1px solid rgba(18,61,50,.06);font-size:.82rem;letter-spacing:.12em}
.botanical-exec-grid .person-card:nth-child(2) .role-tag{background:#fff6d0}
.botanical-exec-grid .person-card:nth-child(3) .role-tag{background:#fde4e9}
.botanical-exec-grid .person-card:nth-child(4) .role-tag{background:#e5e9fd}
.botanical-exec-grid .person-card:nth-child(5) .role-tag{background:#ebf5de}
.botanical-exec-grid h3{margin-top:12px;font-size:1.12rem;line-height:1.08}
.botanical-exec-grid p{font-size:.92rem;line-height:1.35;color:#60756c}
.botanical-exec-grid .team-photo{width:170px;height:170px;object-fit:cover;object-position:center;display:block;border-radius:50%;margin:18px auto 10px;border:10px solid rgba(241,247,229,.9);box-shadow:0 10px 22px rgba(18,61,50,.08)}

.botanical-orbit{position:absolute;inset:0;pointer-events:none}
.corner-spark{position:absolute;left:16px;bottom:16px;color:#86c54b;font-size:1.75rem;line-height:1}
.spark-flower{color:#f0c548}
.spark-star{color:#e789a3}
.spark-gear{color:#a18fdf;font-size:1.5rem}

/* president leaves */
.team-president .orbit-leaf-piece{position:absolute;display:block;background:#6fb44a;border-radius:100% 0 100% 0;box-shadow:inset 0 -2px 0 rgba(18,61,50,.09)}
.team-president .orbit-leaf-left{width:42px;height:72px;left:18px;top:92px;transform:rotate(-32deg)}
.team-president .orbit-leaf-right{width:34px;height:58px;right:24px;top:82px;transform:rotate(32deg)}
.team-president .orbit-leaf:after{content:'';position:absolute;right:30px;top:138px;width:36px;height:60px;background:#6fb44a;border-radius:100% 0 100% 0;transform:rotate(24deg)}

/* business iris */
.team-business .petal{position:absolute;background:#b59be5;border-radius:100% 0 100% 0;box-shadow:inset 0 -2px 0 rgba(18,61,50,.08)}
.team-business .p1{width:34px;height:56px;left:18px;top:122px;transform:rotate(-26deg)}
.team-business .p2{width:26px;height:44px;left:38px;top:90px;transform:rotate(14deg)}
.team-business .p3{width:28px;height:46px;right:26px;top:70px;transform:rotate(28deg)}
.team-business .orbit-iris:before,.team-business .orbit-iris:after{content:'';position:absolute;width:4px;height:38px;background:#67a84a;border-radius:4px}
.team-business .orbit-iris:before{left:39px;top:148px;transform:rotate(8deg)}
.team-business .orbit-iris:after{right:36px;top:112px;transform:rotate(-12deg)}

/* stack team spider lilies */
.team-stack .spider{position:absolute;border:4px solid #ee6f8f;border-radius:50%;width:48px;height:48px}
.team-stack .spider:before,.team-stack .spider:after{content:'';position:absolute;inset:-4px;border:4px solid transparent;border-top-color:#ee6f8f;border-bottom-color:#ee6f8f;border-radius:50%;transform:rotate(28deg)}
.team-stack .spider:after{transform:rotate(-28deg)}
.team-stack .spider-a{left:8px;top:88px}
.team-stack .spider-b{right:18px;top:56px}
.team-stack .spider-c{right:10px;top:134px;transform:scale(.85)}
.team-stack .orbit-spider:before,.team-stack .orbit-spider:after{content:'';position:absolute;width:4px;height:54px;background:#75b756;border-radius:4px}
.team-stack .orbit-spider:before{left:28px;top:126px;transform:rotate(10deg)}
.team-stack .orbit-spider:after{right:36px;top:92px;transform:rotate(-18deg)}

/* mechanical daisies */
.team-mechanical .daisy{position:absolute;width:42px;height:42px}
.team-mechanical .daisy:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,#f4c84d 0 22%,#fff 24% 100%)}
.team-mechanical .daisy:after{content:'';position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#fff 0 12%,transparent 12% 24%,#fff 24% 36%,transparent 36% 48%,#fff 48% 60%,transparent 60% 72%,#fff 72% 84%,transparent 84% 96%,#fff 96% 108%,transparent 108% 120%,#fff 120% 132%,transparent 132% 144%,#fff 144% 156%,transparent 156% 168%,#fff 168% 180%,transparent 180% 192%,#fff 192% 204%,transparent 204% 216%,#fff 216% 228%,transparent 228% 240%,#fff 240% 252%,transparent 252% 264%,#fff 264% 276%,transparent 276% 288%,#fff 288% 300%,transparent 300% 312%,#fff 312% 324%,transparent 324% 336%,#fff 336% 348%,transparent 348% 360%)}
.team-mechanical .daisy-left{left:12px;top:104px}
.team-mechanical .daisy-right{right:18px;top:84px}
.team-mechanical .orbit-daisy:before,.team-mechanical .orbit-daisy:after{content:'';position:absolute;width:4px;height:58px;background:#69aa4b;border-radius:4px}
.team-mechanical .orbit-daisy:before{left:28px;top:136px;transform:rotate(12deg)}
.team-mechanical .orbit-daisy:after{right:38px;top:112px;transform:rotate(-14deg)}

/* plant science tulips */
.team-plant .tulip{position:absolute;width:24px;height:48px}
.team-plant .tulip:before{content:'';position:absolute;bottom:0;left:10px;width:4px;height:34px;background:#69aa4b;border-radius:4px}
.team-plant .tulip:after{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:#f3a6b6;border-radius:60% 60% 45% 45%;clip-path:polygon(0 100%,0 46%,20% 18%,50% 0,78% 18%,100% 46%,100% 100%,72% 78%,50% 98%,28% 78%)}
.team-plant .tulip-left{left:22px;top:88px}
.team-plant .tulip-right{right:24px;top:120px}
.team-plant .tulip-top{right:6px;top:74px;transform:scale(.9)}

.team-page-footer-line{display:flex;align-items:center;gap:22px;margin:30px auto 0;max-width:760px;color:#86978d;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.75rem}
.team-page-footer-line span{flex:1;height:1px;background:rgba(18,61,50,.18)}
.team-page-footer-line p{white-space:nowrap;color:#7a8c82}

@media(max-width:1180px){
  .hero-vine{width:210px}
  .botanical-exec-grid .avatar,.botanical-exec-grid .team-photo{width:150px;height:150px}
}
@media(max-width:980px){
  .botanical-exec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-doodle-left,.team-doodle-right{display:none}
}
@media(max-width:760px){
  .botanical-team-page{padding-top:72px}
  .botanical-exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-vine{display:none}
  .team-doodle-bottom{left:10px;bottom:54px;font-size:.9rem}
  .team-page-footer-line{gap:10px;letter-spacing:.12em}
  .team-page-footer-line p{font-size:.65rem;white-space:normal;text-align:center}
}
@media(max-width:540px){
  .botanical-exec-grid{grid-template-columns:1fr}
  .botanical-exec-grid .avatar,.botanical-exec-grid .team-photo{width:170px;height:170px}
  .team-doodle-bottom{display:none}
}

/* =========================================================
   Final team page refresh - botanical placeholder layout
   ========================================================= */
.team-page-layout{
  background:
    radial-gradient(circle at 12% 88%, rgba(186,221,154,.22), transparent 18%),
    radial-gradient(circle at 86% 16%, rgba(245,206,88,.10), transparent 13%),
    #faf8ef;
}
.team-page-layout .site-header{background:rgba(250,248,239,.92)}
.team-page-layout .brand span{font-size:2rem;color:#113c31}
.team-vibe-page{
  position:relative;
  overflow:hidden;
  padding:78px 0 74px;
  background:#fbf9f1;
}
.team-vibe-page:before{
  content:'';
  position:absolute;
  inset:0;
  background:url('assets/botanical-pattern.svg') center top / 1700px auto no-repeat;
  opacity:.92;
  pointer-events:none;
}
.team-vibe-shell{position:relative;z-index:1}
.team-vibe-intro{text-align:center;max-width:780px;margin:0 auto 34px}
.team-vibe-intro .eyebrow{justify-content:center}
.team-vibe-intro h1{
  margin:12px 0 8px;
  font-size:clamp(3.8rem,9vw,6.4rem);
  line-height:.92;
  color:#0e4337;
}
.team-vibe-intro p{font-size:1.1rem;color:#66796f}
.team-vibe-accent{width:92px;height:6px;border-radius:999px;margin:20px auto 0;background:linear-gradient(90deg,#dceaa9,#b9d582)}

.team-vibe-doodle{
  position:absolute;
  z-index:1;
  color:#5d8c47;
  font-family:'Manrope', system-ui, sans-serif;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.03em;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.team-vibe-doodle:before,.team-vibe-doodle:after{content:'';position:absolute;width:18px;height:3px;background:#93c15e;border-radius:999px}
.doodle-left{left:20px;top:110px;transform:rotate(-10deg);font-size:1.05rem}
.doodle-left:before{left:-12px;top:16px;transform:rotate(-32deg)}
.doodle-left:after{right:-14px;bottom:14px;transform:rotate(30deg)}
.doodle-right{right:90px;top:98px;transform:rotate(-10deg);font-size:1.05rem;text-align:center}
.doodle-right:before{left:-16px;top:18px;transform:rotate(-34deg)}
.doodle-right:after{right:-14px;bottom:18px;transform:rotate(34deg)}
.doodle-bottom{left:6px;bottom:112px;transform:rotate(-9deg);font-size:1.02rem}
.doodle-bottom:before{right:-13px;top:14px;transform:rotate(24deg)}
.doodle-bottom:after{right:-8px;bottom:6px;transform:rotate(-26deg)}

.team-vibe-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
  position:relative;
  z-index:2;
}
.team-vibe-card{
  position:relative;
  background:rgba(255,253,248,.94);
  border:1px solid rgba(18,61,50,.10);
  border-radius:28px;
  padding:18px 16px 22px;
  text-align:center;
  box-shadow:0 18px 36px rgba(18,61,50,.06);
  overflow:hidden;
}
.team-vibe-card h3{margin:14px 0 6px;font-size:1.12rem;line-height:1.1}
.team-vibe-card p{font-size:.93rem;line-height:1.35;color:#64776e;min-height:2.5em}
.photo-slot{
  width:172px;height:172px;margin:14px auto 10px;border-radius:50%;
  border:10px solid rgba(243,246,237,.97);
  box-shadow:0 10px 24px rgba(18,61,50,.07);
  position:relative;display:grid;place-items:center;overflow:hidden;
}
.slot-green{background:linear-gradient(145deg,#dde9d7,#edf2e4)}
.slot-cream{background:linear-gradient(145deg,#f7edbf,#fbf6dc)}
.slot-mint{background:linear-gradient(145deg,#deeed4,#eef4e7)}
.slot-rose{background:linear-gradient(145deg,#f8dce4,#fbecef)}
.slot-lavender{background:linear-gradient(145deg,#dee0fb,#edf0ff)}
.photo-slot:before,.photo-slot:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.30)}
.photo-slot:before{width:165px;height:165px;right:-24px;top:-30px}
.photo-slot:after{width:122px;height:122px;right:-10px;top:18px}
.image-icon{width:44px;height:32px;border:3px solid rgba(17,60,49,.18);border-radius:8px;position:relative;z-index:2}
.image-icon:before{content:'';position:absolute;left:9px;bottom:7px;width:21px;height:11px;background:rgba(17,60,49,.12);clip-path:polygon(0 100%,38% 38%,58% 65%,74% 46%,100% 100%);border-radius:3px}
.image-icon:after{content:'';position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:rgba(17,60,49,.16)}

.role-chip{display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid rgba(18,61,50,.06);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#143f34;margin-top:4px}
.chip-green{background:#eef5db}
.chip-cream{background:#fff4ce}
.chip-mint{background:#ebf6dd}
.chip-rose{background:#fde3e8}
.chip-lavender{background:#e6e9fd}
.card-spark{position:absolute;left:16px;bottom:16px;display:inline-block;line-height:1}
.spark-leaf{width:18px;height:28px;background:#8fc94a;border-radius:100% 0 100% 0;transform:rotate(-38deg)}
.spark-sun{width:18px;height:18px;background:#efc64e;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
.spark-rose{width:18px;height:18px;background:#e99db0;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}
.spark-gear{font-size:1.5rem;color:#a694ec}

.botanical-frame{position:absolute;inset:0;pointer-events:none}
/* Zoe - monstera */
.monstera{position:absolute;background:#5fa54a;box-shadow:inset 0 -2px 0 rgba(18,61,50,.09)}
.monstera:before,.monstera:after{content:'';position:absolute;background:#fffdf8;border-radius:999px}
.monstera-a{width:52px;height:66px;left:22px;top:112px;border-radius:62% 38% 60% 40% / 50% 40% 60% 50%;transform:rotate(-12deg)}
.monstera-a:before{width:10px;height:42px;left:8px;top:12px;transform:rotate(-10deg)}
.monstera-a:after{width:10px;height:32px;right:12px;top:18px;transform:rotate(12deg)}
.monstera-b{width:54px;height:68px;right:20px;top:100px;border-radius:62% 38% 60% 40% / 50% 40% 60% 50%;transform:rotate(12deg)}
.monstera-b:before{width:10px;height:44px;left:10px;top:14px;transform:rotate(-10deg)}
.monstera-b:after{width:10px;height:32px;right:14px;top:18px;transform:rotate(12deg)}
.monstera-c{width:42px;height:54px;right:56px;top:84px;border-radius:62% 38% 60% 40% / 50% 40% 60% 50%;transform:rotate(24deg)}
.monstera-c:before{width:8px;height:32px;left:7px;top:10px;transform:rotate(-10deg)}
.monstera-c:after{width:8px;height:22px;right:10px;top:12px;transform:rotate(12deg)}

/* Izel - purple lilies */
.lily{position:absolute;width:36px;height:68px}
.lily:before{content:'';position:absolute;left:16px;bottom:0;width:4px;height:42px;background:#70b14e;border-radius:4px}
.lily:after{content:'';position:absolute;left:0;top:0;width:36px;height:30px;background:#b993e7;clip-path:polygon(50% 0,64% 20%,100% 26%,74% 48%,84% 82%,50% 62%,16% 82%,26% 48%,0 26%,36% 20%);box-shadow:inset 0 -4px 0 rgba(255,255,255,.18)}
.lily-left{left:18px;top:128px;transform:rotate(-10deg)}
.lily-right{right:22px;top:126px;transform:rotate(8deg)}
.lily-top{right:46px;top:82px;transform:scale(.95) rotate(16deg)}

/* Chloe - tulips */
.tulip-frame .tulip{position:absolute;width:26px;height:54px}
.tulip-frame .tulip:before{content:'';position:absolute;left:11px;bottom:0;width:4px;height:34px;background:#6daa49;border-radius:4px}
.tulip-frame .tulip:after{content:'';position:absolute;top:0;left:0;width:26px;height:24px;background:#f2a2b5;clip-path:polygon(0 100%,0 42%,16% 18%,50% 0,84% 18%,100% 42%,100% 100%,72% 77%,50% 96%,28% 77%)}
.tulip-frame .tulip-left{left:28px;top:116px}
.tulip-frame .tulip-right{right:28px;top:118px}
.tulip-frame .tulip-top{right:52px;top:80px;transform:scale(.95)}

/* Rayyaan - spider lilies */
.spider-lily{position:absolute;width:50px;height:50px;border:4px solid #f16682;border-radius:50%}
.spider-lily:before,.spider-lily:after{content:'';position:absolute;inset:-4px;border:4px solid transparent;border-top-color:#f16682;border-bottom-color:#f16682;border-radius:50%}
.spider-lily:before{transform:rotate(28deg)}
.spider-lily:after{transform:rotate(-28deg)}
.spider-a{left:18px;top:122px}
.spider-b{right:16px;top:92px}
.spider-c{right:24px;top:148px;transform:scale(.84)}
.spider-frame:before,.spider-frame:after{content:'';position:absolute;width:4px;height:58px;background:#75b657;border-radius:4px}
.spider-frame:before{left:38px;top:152px;transform:rotate(10deg)}
.spider-frame:after{right:38px;top:120px;transform:rotate(-14deg)}

/* Griffin - daisies */
.daisy{position:absolute;width:28px;height:28px;border-radius:50%;background:#f6cf59;box-shadow:0 0 0 10px #fff,0 0 0 12px transparent}
.daisy:before{content:'';position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);background:conic-gradient(#fff 0 12%,transparent 12% 24%,#fff 24% 36%,transparent 36% 48%,#fff 48% 60%,transparent 60% 72%,#fff 72% 84%,transparent 84% 96%,#fff 96% 108%,transparent 108% 120%,#fff 120% 132%,transparent 132% 144%,#fff 144% 156%,transparent 156% 168%,#fff 168% 180%,transparent 180% 192%,#fff 192% 204%,transparent 204% 216%,#fff 216% 228%,transparent 228% 240%,#fff 240% 252%,transparent 252% 264%,#fff 264% 276%,transparent 276% 288%,#fff 288% 300%,transparent 300% 312%,#fff 312% 324%,transparent 324% 336%,#fff 336% 348%,transparent 348% 360%);border-radius:50%}
.daisy:after{content:'';position:absolute;left:12px;top:24px;width:4px;height:44px;background:#71ae4f;border-radius:4px}
.daisy-left{left:26px;top:126px}
.daisy-right{right:26px;top:116px}
.daisy-top{right:54px;top:74px;transform:scale(.95)}

.team-behind-grid{
  display:grid;
  grid-template-columns:1.1fr .95fr;
  gap:34px;
  align-items:end;
  margin:28px auto 0;
  position:relative;
  z-index:2;
}
.team-shot-slot{
  min-height:190px;
  border-radius:26px;
  border:1px solid rgba(18,61,50,.10);
  background:linear-gradient(145deg,#eef4e7,#f7faf3);
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 36px rgba(18,61,50,.05);
}
.team-shot-slot:before,.team-shot-slot:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.34)}
.team-shot-slot:before{width:160px;height:160px;left:-36px;bottom:-52px}
.team-shot-slot:after{width:120px;height:120px;right:-18px;top:-22px}
.team-shot-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:58px;border:4px solid rgba(17,60,49,.16);border-radius:14px}
.team-shot-icon:before{content:'';position:absolute;left:15px;bottom:11px;width:36px;height:18px;background:rgba(17,60,49,.12);clip-path:polygon(0 100%,32% 38%,56% 70%,78% 44%,100% 100%);border-radius:4px}
.team-shot-icon:after{content:'';position:absolute;right:13px;top:11px;width:11px;height:11px;border-radius:50%;background:rgba(17,60,49,.15)}
.team-shot-corner{position:absolute;width:72px;height:72px;background:linear-gradient(145deg,#8fc94a,#5c9f48);mask-size:contain;mask-repeat:no-repeat;mask-position:center;opacity:.88}
.corner-left{left:24px;bottom:18px;mask-image:radial-gradient(circle at 70% 30%,transparent 24%,#000 25% 100%), linear-gradient(#000,#000)}
.corner-right{right:20px;bottom:16px;mask-image:radial-gradient(circle at 30% 30%,transparent 24%,#000 25% 100%), linear-gradient(#000,#000);transform:scale(.92)}
.team-behind-copy{padding:0 4px 12px}
.team-behind-copy h2{font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.02;color:#123d32}
.team-copy-accent{width:64px;height:6px;border-radius:999px;background:linear-gradient(90deg,#99c85f,#d2e59d);margin:14px 0 18px}
.team-behind-copy p{font-size:1.05rem;color:#687a71;max-width:470px}

.team-vibe-footerline{display:flex;align-items:center;gap:20px;max-width:760px;margin:26px auto 0;color:#7d8d84;text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;font-weight:800}
.team-vibe-footerline span{flex:1;height:1px;background:rgba(18,61,50,.18)}
.team-vibe-footerline p{color:#7d8d84;white-space:nowrap}

/* big page ornaments */
.team-vibe-ornament{position:absolute;pointer-events:none;z-index:0}
.team-vibe-left{left:-10px;top:14px;width:330px;height:220px}
.team-vibe-left .vine-stem{position:absolute;left:-6px;top:58px;width:250px;height:10px;background:#85c058;border-radius:999px;transform:rotate(6deg);clip-path:path('M0,30 C60,10 90,100 150,50 C180,22 208,58 250,18 L250,62 C208,100 180,62 150,82 C90,122 60,26 0,50 Z')}
.team-vibe-left .leaf{position:absolute;width:42px;height:22px;background:#75b54d;border-radius:100% 0 100% 0;box-shadow:inset 0 -2px 0 rgba(18,61,50,.08)}
.team-vibe-left .leaf-1{left:8px;top:26px;transform:rotate(-24deg)}
.team-vibe-left .leaf-2{left:202px;top:30px;transform:rotate(38deg)}
.team-vibe-left .leaf-3{left:228px;top:150px;transform:rotate(22deg)}
.small-flower{position:absolute;left:72px;top:28px;width:18px;height:18px;background:#f1c64b;border-radius:50%;box-shadow:-12px 4px 0 0 #f1c64b,12px 4px 0 0 #f1c64b,0 14px 0 0 #f1c64b}
.spark{position:absolute;width:18px;height:18px;background:#f1c64b;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
.team-vibe-left .spark-1{left:236px;top:26px}

.team-vibe-right{right:-20px;top:14px;width:330px;height:220px;transform:scaleX(-1)}
.team-vibe-right .vine-stem{position:absolute;left:-4px;top:56px;width:260px;height:10px;background:#85c058;border-radius:999px;clip-path:path('M0,30 C60,10 90,100 150,50 C180,22 208,58 250,18 L250,62 C208,100 180,62 150,82 C90,122 60,26 0,50 Z')}
.team-vibe-right .leaf{position:absolute;width:42px;height:22px;background:#75b54d;border-radius:100% 0 100% 0;box-shadow:inset 0 -2px 0 rgba(18,61,50,.08)}
.team-vibe-right .leaf-1{left:10px;top:22px;transform:rotate(-24deg)}
.team-vibe-right .leaf-2{left:198px;top:26px;transform:rotate(34deg)}
.team-vibe-right .leaf-3{left:228px;top:144px;transform:rotate(20deg)}
.team-vibe-right .spark-1{left:124px;top:74px;transform:scaleX(-1)}
.strawberry{position:absolute;left:246px;top:20px;width:54px;height:70px;background:#ef819a;border-radius:48% 48% 44% 44%;box-shadow:inset -6px -8px 0 rgba(255,255,255,.12)}
.strawberry:before{content:'';position:absolute;left:8px;top:-14px;width:34px;height:18px;background:#67a54a;clip-path:polygon(0 100%,50% 0,100% 100%,68% 68%,50% 88%,32% 68%)}
.strawberry:after{content:'';position:absolute;left:12px;top:16px;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:14px 3px 0 rgba(255,255,255,.72),7px 13px 0 rgba(255,255,255,.72),20px 16px 0 rgba(255,255,255,.72),5px 28px 0 rgba(255,255,255,.72),17px 32px 0 rgba(255,255,255,.72)}

.team-vibe-bottom-left{position:absolute;left:-70px;bottom:-20px;width:430px;height:170px;background:radial-gradient(circle at 30% 30%,#ddecbe 0,#cae29f 52%,#cae29f 100%);border-radius:55% 45% 0 0 / 90% 90% 0 0;opacity:.72;z-index:0}
.team-vibe-bottom-right{position:absolute;right:0;bottom:34px;width:270px;height:160px;z-index:0}
.team-vibe-bottom-right .vine-stem{position:absolute;left:98px;bottom:16px;width:160px;height:10px;background:#85c058;border-radius:999px;transform:rotate(-8deg);clip-path:path('M0,30 C44,16 62,72 98,48 C118,34 134,58 160,36 L160,64 C134,90 118,62 98,74 C62,96 44,34 0,50 Z')}
.team-vibe-bottom-right .leaf{position:absolute;width:36px;height:20px;background:#75b54d;border-radius:100% 0 100% 0}
.team-vibe-bottom-right .leaf-1{left:108px;bottom:38px;transform:rotate(-22deg)}
.team-vibe-bottom-right .leaf-2{right:22px;bottom:44px;transform:rotate(32deg)}
.purple-bloom{position:absolute;left:138px;bottom:2px;width:26px;height:26px;background:#8f73c6;border-radius:50%;box-shadow:0 -22px 0 0 #9a7ad1,0 22px 0 0 #9a7ad1,-22px 0 0 0 #9a7ad1,22px 0 0 0 #9a7ad1,-15px -15px 0 0 #9a7ad1}
.purple-bloom:before{content:'';position:absolute;left:8px;top:8px;width:10px;height:10px;background:#35633d;border-radius:50%}

@media (max-width: 1180px){
  .team-vibe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-behind-grid{grid-template-columns:1fr}
  .team-behind-copy{padding:0}
  .doodle-right{right:20px}
}
@media (max-width: 860px){
  .team-vibe-page{padding-top:62px}
  .team-vibe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-vibe-doodle{display:none}
  .team-vibe-left,.team-vibe-right{display:none}
  .team-vibe-bottom-right{right:-26px;transform:scale(.9)}
}
@media (max-width: 560px){
  .team-vibe-grid{grid-template-columns:1fr}
  .photo-slot{width:176px;height:176px}
  .team-vibe-footerline{gap:10px;letter-spacing:.12em;font-size:.63rem}
  .team-vibe-footerline p{white-space:normal;text-align:center}
  .team-shot-slot{min-height:170px}
}


/* 2026/27 closed hiring state */
.hiring-status-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(239,246,222,.94));border:1px solid var(--line);border-radius:34px;padding:48px;box-shadow:0 18px 50px rgba(20,87,71,.07);position:relative;overflow:hidden}
.hiring-status-panel:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(242,207,88,.15);right:-68px;top:-78px;pointer-events:none}
.hiring-status-copy,.hiring-status-actions{position:relative;z-index:1}
.hiring-status-copy h2{font-size:clamp(2.2rem,4.6vw,4rem);margin:15px 0 18px;max-width:760px}
.hiring-status-copy p{font-size:1.04rem;max-width:720px}
.hiring-status-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:8px 0}
.hiring-closed-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#f7dce4;color:#7d3650;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(125,54,80,.08)}
.hiring-package-note{font-size:.86rem;line-height:1.55;max-width:430px;color:var(--muted)}
@media(max-width:900px){.hiring-status-panel{grid-template-columns:1fr;padding:38px}.hiring-status-actions{padding-top:0}}
@media(max-width:620px){.hiring-status-panel{padding:30px 22px;border-radius:26px}.hiring-status-copy h2{font-size:2.35rem}}