/* Greenzy homepage, Version 6. Values carried from Version6.dc.html. Light only. */

@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/hanken-grotesk-wght.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/hanken-grotesk-wght-italic.woff2) format('woff2')}

:root{
  --paper:#FCFCFA; --card:#FFFFFF; --ink:#132017; --muted:#4A574D;
  --forest:#2F6531; --deep:#173218; --on-deep:#F1F5EF; --on-deep-dim:rgba(241,245,239,.80);
  --hero-accent:#A8DDAB; --pale:#BFE6C2; --leaf:#E4EEDD; --sky:#25AAE2; --sky-text:#0B6A96; --tint-sky:#DFF0F8;
  --line:rgba(19,32,23,.14); --slot:#DCE3D9; --slot-ink:#46534A; --photo:#C9D4C6; --hero-slot:#2B4A2E;
  --gutter:32px; --wrap:calc(1240px + 2*var(--gutter));
  color-scheme:only light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;min-width:0}
h1,h2,h3,p{margin:0}
img{display:block;max-width:100%}
a{color:var(--sky-text)}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}

/* Pending content. Nothing with this class should go live. */
.fill{background:#FFE98A;color:#132017;border-radius:4px;padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Header */
.top{background:var(--deep);color:var(--on-deep)}
.site-head{position:relative;z-index:20;border-bottom:1px solid rgba(241,245,239,.14)}
.bar{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}
.logo-chip{display:inline-flex;align-items:center;background:var(--paper);border-radius:10px;padding:6px 10px}
.logo-chip img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:28px;font-size:15.5px;font-weight:500}
.how-btn{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:12px 0;font:inherit;font-weight:600;color:var(--on-deep);cursor:pointer}
.how-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-link{color:var(--on-deep);text-decoration:none}
.nav-link:hover,.how-btn:hover{color:var(--hero-accent)}
.nav-link--dim{color:var(--on-deep-dim)}
.join-pill{color:var(--on-deep);text-decoration:none;font-weight:600;border:1px solid rgba(241,245,239,.45);border-radius:100px;padding:9px 20px;white-space:nowrap}
.join-pill:hover{color:var(--deep);background:var(--on-deep)}
.menu-toggle{display:none;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;padding:0;font:inherit;font-weight:600;color:var(--on-deep);cursor:pointer}
.menu-toggle,.how-btn,.join-pill{-webkit-tap-highlight-color:transparent}
.menu-toggle .ic-close{display:none}
.menu-toggle[aria-expanded="true"] .ic-open{display:none}
.menu-toggle[aria-expanded="true"] .ic-close{display:inline}

/* Menu panel */
.site-menu{position:absolute;top:100%;left:0;right:0;background:var(--card);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(19,32,23,.35)}
.site-menu-in{max-width:var(--wrap);margin:0 auto;padding:28px var(--gutter) 32px}
.menu-intro{margin:0 0 12px 16px;font-size:15px;color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.menu-item{display:flex;gap:14px;padding:16px;border-radius:12px;text-decoration:none;color:var(--ink)}
.menu-item:hover{background:var(--leaf);color:var(--ink)}
.menu-n{font-weight:700;color:var(--forest);font-size:15px;padding-top:2px}
.menu-n--muted{color:var(--muted)}
.menu-t{display:flex;flex-direction:column;gap:4px}
.menu-t b{font-weight:700;font-size:17px}
.menu-t span{font-size:14.5px;line-height:1.45;color:var(--muted)}
.menu-more{display:none}

/* Hero */
.hero{max-width:var(--wrap);margin:0 auto;padding:72px var(--gutter) 96px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:28px;min-width:0}
h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.accent{color:var(--hero-accent)}
.hero-copy p{font-size:20px;line-height:1.55;color:var(--on-deep-dim);max-width:40ch}
.hero-photo{position:relative;height:560px;border-radius:16px;background:var(--hero-slot);display:flex;align-items:flex-end;padding:24px;overflow:hidden}
.hero-photo img,.story-photo img,.cell-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot-label{position:relative;font-size:13px;font-weight:500;color:var(--slot-ink)}
.hero-photo .slot-label{color:rgba(241,245,239,.80)}

/* Six points */
.six-in{max-width:var(--wrap);margin:0 auto;padding:112px var(--gutter) 120px}
.six-h{font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:700;max-width:20ch;text-wrap:balance}
.six-sub{margin:18px 0 56px;font-size:20px;line-height:1.5;color:var(--muted);max-width:52ch}
.six{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(540px,auto) minmax(350px,auto) minmax(260px,auto);gap:16px;grid-template-areas:"d d d b b b g g g g g g" "s s s s x x x x x x x x" "f f f f x x x x x x x x"}
.cell{display:flex;flex-direction:column;border-radius:16px;text-decoration:none;color:var(--ink);min-width:0;transition:transform .2s ease}
.cell:hover{transform:translateY(-2px);color:var(--ink)}
.pt{display:flex;align-items:baseline;gap:12px;font-size:15px;font-weight:700;color:var(--forest)}
.claim{font-size:24px;line-height:1.22;letter-spacing:-.015em;font-weight:600}
.pt-body{font-size:16px;line-height:1.55;color:var(--muted)}
.pt-num{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:16px;font-weight:700}
.pt-link{font-size:15.5px;font-weight:700;color:var(--sky-text)}

.c-decide{grid-area:d;background:var(--card);border:1px solid var(--line);padding:28px;gap:14px;min-height:520px}
.answers{display:flex;flex-direction:column;gap:8px}
.answer{font-size:15px;font-weight:600;padding:10px 16px;border-radius:100px;border:1px solid var(--line);color:var(--ink)}
.answer--strong{font-weight:700;background:var(--ink);border:0;color:var(--paper)}

.c-build{grid-area:b;position:relative;background:var(--slot);padding:16px;justify-content:space-between;gap:16px;min-height:520px;overflow:hidden}
.cell-photo{object-position:center top}
.c-build .build-panel{margin-top:auto}
.story-photo img{object-position:center top}
.c-build .slot-label{padding:8px}
.build-panel{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border-radius:12px;padding:20px}
.c-build .claim{font-size:19px;line-height:1.28;letter-spacing:-.01em}
.c-build .pt-body{font-size:15px;line-height:1.5}
.c-build .pt-num{margin-top:0;padding-top:12px;font-size:15px}

.c-grow{grid-area:g;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch;background:var(--leaf);padding:32px}
.grow-main{display:flex;flex-direction:column;gap:16px}
.c-grow .claim{font-size:28px;line-height:1.18;letter-spacing:-.02em}
.c-grow .pt-body{font-size:16.5px}
.plan{display:flex;flex-direction:column;background:var(--card);border-radius:12px;padding:4px 20px;align-self:center}
.plan-h{font-size:13.5px;font-weight:600;color:var(--muted);padding:12px 0 8px}
.plan-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:15.5px;font-weight:600}
.plan-row span+span{color:var(--muted);font-weight:500}

.c-staff{grid-area:s;background:var(--tint-sky);padding:28px;gap:14px}
.c-staff .pt{color:var(--sky-text)}
.tracks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.tracks span{background:var(--card);border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:700;line-height:1.3}

.c-sell{grid-area:x;background:var(--forest);color:#F1F5EF;padding:40px;gap:32px}
.c-sell:hover{color:#F1F5EF}
.sell-top{display:flex;flex-direction:column;gap:16px;max-width:560px}
.c-sell .pt{color:var(--pale)}
.c-sell .claim{font-size:clamp(30px,3vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:700}
.c-sell .pt-body{font-size:17px;color:rgba(241,245,239,.86)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.step{display:flex;flex-direction:column;gap:6px;border-top:2px solid rgba(241,245,239,.35);padding-top:14px}
.step--first{border-top-color:var(--pale)}
.step b{font-size:16px;font-weight:700}
.step span{font-size:14.5px;line-height:1.45;color:rgba(241,245,239,.82)}
.sell-fig{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:end;padding-top:28px;border-top:1px solid rgba(241,245,239,.20)}
.sell-big{font-size:clamp(72px,8vw,120px);line-height:.92;letter-spacing:-.045em;font-weight:700}
.sell-txt{font-size:18px;line-height:1.45;color:rgba(241,245,239,.88);padding-bottom:8px;max-width:26ch}
.c-sell .pt-link{font-size:16px;color:var(--pale)}

.c-foresee{grid-area:f;background:transparent;border:1.5px dashed var(--muted);padding:28px;gap:14px}
.foresee-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.c-foresee .pt{color:var(--muted)}
.badge{font-size:13px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:4px 10px}
.c-foresee .claim{font-size:21px;line-height:1.26;letter-spacing:-.01em}
.c-foresee .pt-body{font-size:15.5px}

/* Founder line */
.founder{background:var(--leaf)}
.founder-in{max-width:var(--wrap);margin:0 auto;padding:128px var(--gutter) 132px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.founder-q{font-size:clamp(28px,3.4vw,46px);line-height:1.22;letter-spacing:-.02em;font-weight:500;font-style:italic;max-width:26ch;padding-bottom:4px}
.founder-by{font-size:17px;font-weight:600;color:var(--forest)}

/* Proof */
.proof-in{max-width:var(--wrap);margin:0 auto;padding:128px var(--gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.proof-side{display:flex;flex-direction:column;gap:28px;min-width:0}
.proof-side h2{font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em;font-weight:700;max-width:14ch}
.text-link{font-size:18px;font-weight:600;color:var(--sky-text);text-decoration:none;border-bottom:2px solid var(--sky);padding-bottom:3px;align-self:flex-start}
.text-link--sm{font-size:17px}
.proof-rows{display:flex;flex-direction:column}
.proof-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--line)}
.proof-row:last-child{border-bottom:1px solid var(--line)}
.proof-n{font-size:clamp(44px,4.6vw,64px);line-height:1;letter-spacing:-.04em;font-weight:700;color:var(--forest)}
.proof-t{font-size:18px;line-height:1.5;color:var(--muted)}

/* Story */
.story{position:relative;background:var(--photo)}
.story-photo{position:absolute;inset:0;overflow:hidden}
.story-photo .slot-label{position:absolute;top:28px;left:max(var(--gutter),calc((100% - 1240px)/2 + var(--gutter)))}
.story-body{position:relative;max-width:1240px;margin:0 auto;padding:349px var(--gutter) 56px}
.story-panel{background:var(--card);border-radius:16px;padding:40px;max-width:600px;display:flex;flex-direction:column;gap:18px}
.story-panel h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.story-panel p{font-size:18px;line-height:1.65;color:var(--muted)}
.story-panel .story-strong{color:var(--ink);font-weight:600}

/* Join */
.join{background:var(--paper)}
.join-in{max-width:var(--wrap);margin:0 auto;padding:128px var(--gutter)}
.join-in h2{margin:0 0 48px;font-size:clamp(36px,4.4vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:700;max-width:18ch}
.join-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px}
.btn{transition:transform .15s ease}
.btn:active{transform:translateY(1px)}
.join-growing{border-radius:16px;background:var(--forest);color:#F1F5EF;padding:40px;display:flex;flex-direction:column;gap:28px;min-height:340px}
.join-growing-h{font-size:20px;font-weight:600;color:var(--pale)}
.grow-pair{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.grow-pair a{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#F1F5EF}
.grow-pair a:first-child{padding-right:36px;border-right:1px solid rgba(241,245,239,.22)}
.grow-pair a:last-child{padding-left:36px}
.jp-s{font-size:16px;font-weight:700;color:rgba(241,245,239,.86)}
.jp-b{font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
.jp-f{margin-top:auto;font-size:16px;line-height:1.5;color:rgba(241,245,239,.86)}
.join-building{border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:32px;display:flex;flex-direction:column;gap:12px;text-decoration:none;min-height:340px}
.jb-s{font-size:17px;color:var(--muted)}
.jb-b{font-size:23px;line-height:1.2;letter-spacing:-.015em;font-weight:700;color:var(--sky-text)}
.jb-f{margin-top:auto;font-size:15px;line-height:1.5;color:var(--muted)}
.join-other{margin:64px 0 20px;font-size:18px;font-weight:700}
.join-alt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.alt{border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}
.alt--learn{background:var(--leaf)}
.alt--write{background:var(--card);border:1px solid var(--line)}
.alt-q{font-size:21px;line-height:1.3;letter-spacing:-.01em;font-weight:600;color:var(--ink);max-width:30ch}
.alt-c{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--sky-text)}
.alt-f{font-size:15px;line-height:1.5;color:var(--muted)}

/* Footer */
.site-foot{background:var(--deep);color:var(--on-deep)}
.foot-in{max-width:var(--wrap);margin:0 auto;padding:72px var(--gutter) 40px;display:flex;flex-direction:column;gap:48px}
.foot{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap}
.foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:360px}
.logo-chip--foot img{height:34px}
.foot-line{font-size:15px;line-height:1.6;color:var(--on-deep-dim)}
.foot-list{display:flex;flex-direction:column;gap:14px;text-align:right}
.foot-list span{font-size:16px;font-weight:700}
.foot-list em{font-style:normal;font-weight:500;color:var(--on-deep-dim)}
.foot-list a{color:inherit;text-decoration:none}
.foot-list a:hover span{color:var(--hero-accent)}
.foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;padding-top:24px;border-top:1px solid rgba(241,245,239,.16);font-size:14px;color:var(--on-deep-dim)}
.foot-legal a{color:inherit;text-decoration:none}
.foot-legal a:hover{color:var(--on-deep)}

@media (prefers-reduced-motion:reduce){
  .cell,.btn{transition:none}
  .cell:hover{transform:none}
}

/* Tablets and phones */
@media (max-width:900px){
  :root{--gutter:20px}

  .bar{gap:12px}
  .nav{gap:14px}
  .how-btn,.nav-link{display:none}
  .menu-toggle{display:flex}
  .join-pill{padding:8px 16px}

  .site-menu{max-height:calc(100vh - 69px);max-height:calc(100dvh - 69px);overflow-y:auto;overscroll-behavior:contain}
  html.menu-open{overflow:hidden}
  .site-menu-in{padding:12px var(--gutter) 20px}
  .menu-intro{margin:8px 0 8px;font-size:14.5px}
  .menu-grid{grid-template-columns:1fr;gap:0}
  .menu-item{padding:12px 0;border-radius:0}
  .menu-item:hover{background:transparent}
  .menu-more{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line)}
  .menu-more a{display:flex;align-items:center;min-height:50px;border-bottom:1px solid var(--line);font-size:17px;font-weight:700;color:var(--ink);text-decoration:none}
  .menu-more a:last-child{border-bottom:0}

  .hero{padding:48px var(--gutter) 56px}
  .hero-grid,.proof-in,.join-main,.join-alt,.grow-pair{grid-template-columns:1fr;gap:24px}
  .hero-photo{height:min(560px,140vw)}

  .six-in{padding:72px var(--gutter) 80px}
  .six-sub{margin-bottom:36px}
  .six{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"d" "b" "g" "s" "x" "f"}
  .c-decide{min-height:0}
  .c-grow{grid-template-columns:1fr}
  .plan{align-self:stretch}
  .c-sell{padding:28px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}
  .sell-fig{grid-template-columns:1fr;gap:12px}

  .founder-in{padding:80px var(--gutter)}
  .proof-in{padding:80px var(--gutter);gap:32px}

  .story{background:var(--paper)}
  .story-photo{position:relative;inset:auto;height:clamp(280px,80vw,460px);background:var(--photo)}
  .story-photo .slot-label{left:var(--gutter);top:20px}
  .story-body{padding:0 var(--gutter);margin-top:-48px}
  .story-panel{padding:28px;border:1px solid var(--line);max-width:none}

  .join-in{padding:80px var(--gutter)}
  .join-in h2{margin-bottom:32px}
  .join-growing{padding:28px;min-height:0}
  .grow-pair{gap:28px}
  .grow-pair a:first-child,.grow-pair a:last-child{padding:0;border:0}
  .jp-f,.jb-f{margin-top:0}
  .join-building{padding:28px;min-height:0}
  .join-other{margin-top:48px}
  .alt{padding:28px}

  .foot-in{padding-top:56px}
  .foot{gap:32px}
  .foot-list{text-align:left}
}

@media (max-width:420px){
  .proof-row{grid-template-columns:1fr;gap:8px}
  .tracks{grid-template-columns:1fr}
}