:root{
  --forest:#173c31;
  --forest-deep:#102d25;
  --leaf:#668a70;
  --leaf-soft:#a9bba7;
  --gold:#b48a43;
  --gold-light:#d8bb78;
  --cream:#f5f1e7;
  --paper:#fbf8f1;
  --line:rgba(23,60,49,.16);
  --ink:#1d2923;
  --muted:#657269;
  --white:#fff;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Hind",Arial,sans-serif;
  --mono:"IBM Plex Mono",monospace;
  --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body,button{font-family:var(--sans)}
a{color:inherit;text-decoration:none}
button{border:0;background:none;color:inherit;cursor:pointer}
h1,h2,h3,h4,p{margin:0}
.site-shell{overflow:hidden}
.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(245,241,231,.92);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-icon{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.brand-icon svg{width:25px;height:25px}
.brand-name{font-family:var(--mono);font-weight:600;letter-spacing:.19em;font-size:15px}
.nav-links{display:flex;gap:34px;margin-left:70px}
.nav-links a{font-size:12px;letter-spacing:.08em;color:var(--muted);position:relative;padding:8px 0}
.nav-links a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.25s}
.nav-links a:hover:after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:12px}
.portal-access{position:relative}
.portal-button{padding:11px 16px;border:1px solid var(--forest);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:12px;align-items:center;transition:.25s}
.portal-button:hover{background:var(--forest);color:var(--white)}
.portal-menu{position:absolute;right:0;top:calc(100% + 12px);width:330px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 50px rgba(16,45,37,.16);padding:12px;z-index:70}
.portal-menu-label{font:600 9px var(--mono);letter-spacing:.16em;color:var(--gold);padding:8px 10px 10px}
.portal-menu-item{width:100%;display:grid;grid-template-columns:34px 1fr 18px;gap:11px;align-items:center;text-align:left;padding:12px 10px;border-top:1px solid var(--line);font-size:11px}
.portal-menu-item:hover:not(.disabled){background:#f0ecdf}
.portal-menu-item strong{display:block;font-size:12px}
.portal-menu-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.portal-menu-icon{width:30px;height:30px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:600 11px var(--mono)}
.portal-menu-item.disabled{opacity:.48;cursor:not-allowed}
.mobile-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);padding:9px}
.mobile-toggle span{display:block;height:1px;background:var(--forest);margin:5px 0}

/* Hero */
.hero{position:relative;min-height:720px;padding:104px 6vw 80px;display:flex;flex-direction:column;justify-content:center}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,60,49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,60,49,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black 0%,transparent 82%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-glow-one{width:310px;height:310px;right:7%;top:7%;background:rgba(216,187,120,.18)}
.hero-glow-two{width:420px;height:180px;left:25%;bottom:-70px;background:rgba(102,138,112,.12);filter:blur(45px)}
.hero-copy{position:relative;z-index:2;max-width:780px}
.eyebrow,.section-kicker{font:600 10px var(--mono);letter-spacing:.16em;color:var(--gold);display:flex;align-items:center;gap:11px}
.eyebrow span,.section-kicker span{width:34px;height:1px;background:var(--gold);display:inline-block}
.hero h1{font:500 clamp(56px,7vw,104px)/.93 var(--serif);letter-spacing:-.055em;color:var(--forest-deep);margin-top:31px}
.hero h1 em,h2 em,h3 em{color:var(--leaf);font-style:italic;font-weight:400}
.hero-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:625px;margin-top:34px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;font-weight:600;font-size:12px;letter-spacing:.05em}
.primary-button{background:var(--forest);color:white}
.primary-button:hover{background:var(--forest-deep)}
.secondary-button{border:1px solid var(--forest);color:var(--forest)}
.secondary-button:hover{background:#e9e5d8}
.hero-value-note{margin-top:25px;display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}
.hero-value-note span{width:24px;height:1px;background:var(--gold);display:inline-block}
.hero-value-note{margin-top:25px;display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}
.hero-value-note span{width:24px;height:1px;background:var(--gold);display:inline-block}
.hero-chain-visual{
  position:absolute;
  z-index:2;
  right:3.5vw;
  top:50%;
  transform:translateY(-50%);
  width:min(42vw,560px);
  height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-chain-label{
  position:absolute;
  top:18px;
  right:0;
  font:600 9px var(--mono);
  letter-spacing:.17em;
  color:var(--gold);
  writing-mode:vertical-rl;
}
.hero-chain-orbit{
  position:absolute;
  border:1px solid rgba(180,138,67,.22);
  border-radius:50%;
  pointer-events:none;
}
.orbit-a{
  width:405px;
  height:405px;
  animation:heroOrbit 24s linear infinite;
}
.orbit-b{
  width:295px;
  height:295px;
  border-color:rgba(102,138,112,.22);
  animation:heroOrbitReverse 17s linear infinite;
}
.hero-chain-orbit:before{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  top:50%;
  left:-4px;
}

.chain-flow-display{
  position:relative;
  width:100%;
  height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:3;
}
.chain-flow-kicker{
  font:600 10px var(--mono);
  letter-spacing:.1em;
  color:var(--gold);
  margin-bottom:31px;
}
.chain-track-viewport{
  position:relative;
  width:100%;
  height:88px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  /* A soft mask keeps the moving chain elegant at the edges. */
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
}
.chain-track{
  position:absolute;
  left:0;
  top:50%;
  height:88px;
  display:flex;
  align-items:center;
  gap:28px;
  transform:translateY(-50%);
  transition:transform 1.05s cubic-bezier(.22,1,.36,1);
  will-change:transform;
  white-space:nowrap;
}
.track-word{
  display:inline-block;
  flex:0 0 auto;
  font:500 clamp(40px,4vw,56px)/1 var(--serif);
  letter-spacing:-.045em;
  color:var(--forest-deep);
}
.track-arrow{
  display:inline-block;
  flex:0 0 auto;
  font:400 30px/1 var(--sans);
  color:var(--gold);
  transform:translateY(-1px);
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}
.chain-flow-caption{
  min-height:18px;
  margin-top:14px;
  font:10px var(--mono);
  letter-spacing:.09em;
  color:var(--muted);
  transition:opacity .35s ease, transform .55s cubic-bezier(.22,1,.36,1);
}
.chain-flow-caption.caption-changing{
  opacity:0;
  transform:translateY(5px);
}
.chain-flow-note{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font:8px var(--mono);
  letter-spacing:.09em;
  color:var(--muted);
}
.chain-flow-note b{
  font-size:11px;
  font-weight:400;
  color:var(--gold);
}
@keyframes heroOrbit{to{transform:rotate(360deg)}}
@keyframes heroOrbitReverse{to{transform:rotate(-360deg)}}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.15)}}


.hero-scroll{
  position:absolute;
  right:5vw;
  bottom:54px;
  display:flex;
  align-items:center;
  gap:13px;
  transform:rotate(90deg);
  transform-origin:right center;
  font:9px var(--mono);
  letter-spacing:.15em;
  color:var(--muted);
}
.hero-scroll b{display:block;width:60px;height:1px;background:var(--line)}

/* General */
.section{padding:120px 6vw}
.section-header{max-width:820px}
.section-header h2,.ecosystem-intro h2,.farmer-value-header h2,.journey-header h2,.samarth-header h2,.market-intro h2,.final-cta h2{font:500 clamp(43px,5.2vw,72px)/.98 var(--serif);letter-spacing:-.045em;color:var(--forest-deep);margin-top:27px}
.section-header>p,.ecosystem-intro>p,.farmer-value-header>p,.journey-header>p,.samarth-header>p,.market-intro>p{max-width:660px;color:var(--muted);font-size:16px;line-height:1.8;margin-top:25px}

/* Intro */
.intro-strip{padding:45px 8vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.intro-strip p{max-width:1050px;font:400 clamp(22px,2.6vw,34px)/1.35 var(--serif);color:var(--forest-deep)}
.intro-strip strong{font-family:var(--mono);font-size:.42em;letter-spacing:.16em;color:var(--gold);vertical-align:middle;margin-right:8px}

/* Opportunity */
.opportunity-section{background:var(--paper)}
.supply-model{margin-top:58px;border:1px solid var(--line);padding:30px;background:var(--cream)}
.supply-model+ .supply-model{margin-top:22px}
.annadata-model{background:#eef2ea;border-color:rgba(102,138,112,.3)}
.model-heading{display:flex;gap:22px;align-items:flex-start}
.model-heading>span{font:11px var(--mono);color:var(--gold)}
.model-heading small{font:600 9px var(--mono);letter-spacing:.16em;color:var(--muted)}
.model-heading h3{font:500 25px var(--serif);margin-top:7px}
.model-flow{display:flex;align-items:stretch;gap:10px;margin-top:30px}
.flow-node{flex:1;min-width:0;border:1px solid var(--line);padding:18px 12px;background:var(--paper);display:flex;flex-direction:column;gap:5px}
.flow-node b{font:10px var(--mono);color:var(--gold)}
.flow-node strong{font:600 13px var(--mono);letter-spacing:.02em}
.flow-node small{color:var(--muted);font-size:10px}
.flow-node.intermediary{background:#eee9dd}
.flow-node.highlighted{border-color:rgba(180,138,67,.5)}
.annadata-node{background:#e4ece1;border-color:rgba(102,138,112,.35)}
.model-flow>i{align-self:center;font-style:normal;color:var(--muted)}
.model-flow>i.accent{color:var(--gold)}
.model-note{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:grid;grid-template-columns:170px 1fr;gap:20px}
.model-note span{font:600 9px var(--mono);letter-spacing:.15em;color:var(--muted)}
.model-note p{font-size:13px;line-height:1.65;color:var(--muted)}
.model-note.positive span{color:var(--gold)}

/* Ecosystem */
.ecosystem-section{background:var(--forest-deep);color:white}
.ecosystem-section h2,.ecosystem-section h3{color:white}
.ecosystem-intro .section-kicker{color:var(--gold-light)}
.ecosystem-intro .section-kicker span{background:var(--gold-light)}
.ecosystem-intro>p{color:rgba(255,255,255,.68)}
.ecosystem-map{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}
.ecosystem-card{min-height:270px;padding:28px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column}
.ecosystem-card:hover{background:rgba(255,255,255,.07)}
.card-top{display:flex;justify-content:space-between;color:var(--gold-light);font:9px var(--mono);letter-spacing:.13em}
.card-symbol{width:52px;height:52px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font:600 16px var(--mono);margin:34px 0 20px}
.ecosystem-card h3{font:500 29px var(--serif)}
.ecosystem-card p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.66);max-width:450px;margin-top:9px}
.ecosystem-card a,.coming-soon-link{margin-top:auto;padding-top:22px;color:var(--gold-light);font:600 10px var(--mono);text-align:left}
.ecosystem-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border:1px solid rgba(216,187,120,.35);border-radius:50%;background:var(--forest-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}
.center-ring{width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-bottom:10px}
.center-ring svg{width:28px;height:28px}
.ecosystem-center strong{font:600 9px var(--mono);letter-spacing:.13em}
.ecosystem-center small{font:8px var(--mono);color:rgba(255,255,255,.48);letter-spacing:.12em;margin-top:5px}
.ecosystem-footer{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.ecosystem-footer span{font:9px var(--mono);color:var(--gold-light);letter-spacing:.14em}
.ecosystem-footer p{color:rgba(255,255,255,.55);font-size:12px;line-height:1.7;max-width:500px}

/* Farmer */
.farmer-section{background:var(--cream)}
.farmer-value-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:70px}
.farmer-statement{display:grid;grid-template-columns:40px 1fr;gap:25px}
.statement-number{font:10px var(--mono);color:var(--gold)}
.farmer-statement small,.support-heading small,.farmer-closing small,.samarth-side span,.conversation>small,.capabilities small,.market-card>small,.value-sharing>small,.final-statement small{font:600 9px var(--mono);letter-spacing:.15em;color:var(--gold)}
.farmer-statement h3,.support-heading h3{font:500 clamp(36px,4vw,55px)/1 var(--serif);letter-spacing:-.04em;margin-top:18px}
.farmer-statement p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:25px;max-width:480px}
.farmer-benefits article{display:grid;grid-template-columns:35px 1fr 25px;gap:18px;border-top:1px solid var(--line);padding:25px 0}
.farmer-benefits article:last-child{border-bottom:1px solid var(--line)}
.farmer-benefits article>b,.farmer-benefits article>span{font:10px var(--mono);color:var(--gold)}
.farmer-benefits h4{font:500 24px var(--serif);color:var(--forest-deep)}
.farmer-benefits p{font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px}
.farmer-support{margin-top:100px;background:var(--forest-deep);color:white;padding:48px}
.farmer-support h3{color:white}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:45px}
.support-grid article{background:var(--forest-deep);padding:28px}
.support-grid article>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);color:var(--gold-light);font:600 9px var(--mono)}
.support-grid h4{color:white;font:500 22px var(--serif);margin-top:23px}
.support-grid p{color:rgba(255,255,255,.6);font-size:12px;line-height:1.7;margin-top:8px}
.farmer-closing{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:50px;border-top:1px solid var(--line);padding-top:24px}
.farmer-closing p{font:400 25px/1.4 var(--serif);max-width:760px;color:var(--forest-deep)}

/* Journey */
.journey-section{background:var(--paper)}
.journey-header{max-width:800px}
.journey-timeline{margin-top:65px;border-top:1px solid var(--line)}
.journey-timeline article{display:grid;grid-template-columns:75px 1fr 170px;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.journey-marker{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:10px var(--mono);color:var(--gold)}
.journey-timeline article>div:nth-child(2)>small{font:600 9px var(--mono);letter-spacing:.14em;color:var(--gold)}
.journey-timeline h3{font:500 29px var(--serif);margin-top:9px}
.journey-timeline p{font-size:13px;line-height:1.7;color:var(--muted);max-width:720px;margin-top:8px}
.journey-timeline aside{text-align:right;font:10px var(--mono);color:var(--gold)}
.journey-timeline aside small{color:var(--muted);letter-spacing:.08em}
.journey-closing{margin-top:65px;display:grid;grid-template-columns:1fr 2fr;gap:50px;background:#edf0e9;padding:42px}
.journey-closing>small{font:600 9px var(--mono);letter-spacing:.15em;color:var(--gold)}
.journey-closing h3{font:500 45px/1 var(--serif)}
.journey-closing p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:18px;max-width:600px}

/* Samarth */
.samarth-section{background:#e9eee6}
.samarth-showcase{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:45px;margin-top:70px}
.samarth-side{display:flex;flex-direction:column;gap:42px}
.samarth-side article{display:grid;grid-template-columns:35px 1fr;gap:15px}
.samarth-side article>span{font:10px var(--mono);color:var(--gold)}
.samarth-side h3{font:500 25px var(--serif)}
.samarth-side p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}
.samarth-interface{height:430px;position:relative;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid rgba(180,138,67,.4);border-radius:50%;animation:spin 18s linear infinite}
.orbit-one{width:370px;height:370px}
.orbit-two{width:280px;height:280px;border-color:rgba(102,138,112,.45);animation-direction:reverse;animation-duration:13s}
.orbit:before{content:"";position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;left:50%;top:-4px}
.samarth-core{width:205px;height:205px;border-radius:50%;background:var(--forest-deep);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 70px rgba(16,45,37,.2);position:relative;z-index:2}
.samarth-logo{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 15px var(--mono);color:var(--gold-light);margin-bottom:13px}
.samarth-core strong{font:600 10px var(--mono);letter-spacing:.14em}
.samarth-core small{font:8px var(--mono);letter-spacing:.16em;color:rgba(255,255,255,.55);margin-top:5px}
.voice-wave{height:25px;display:flex;align-items:center;gap:3px;margin-top:15px}
.voice-wave i{display:block;width:3px;background:var(--gold-light);border-radius:3px;animation:wave 1.1s ease-in-out infinite}
.voice-wave i:nth-child(1),.voice-wave i:nth-child(9){height:7px}.voice-wave i:nth-child(2),.voice-wave i:nth-child(8){height:13px}.voice-wave i:nth-child(3),.voice-wave i:nth-child(7){height:19px}.voice-wave i:nth-child(4),.voice-wave i:nth-child(6){height:11px}.voice-wave i:nth-child(5){height:23px}
.voice-wave i:nth-child(2){animation-delay:.1s}.voice-wave i:nth-child(3){animation-delay:.2s}.voice-wave i:nth-child(4){animation-delay:.3s}.voice-wave i:nth-child(5){animation-delay:.4s}
.conversation{margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}
.conversation-row{display:grid;grid-template-columns:1fr 50px 1fr;gap:25px;align-items:center;margin-top:22px}
.conversation-row>div{background:var(--paper);border:1px solid var(--line);padding:25px}
.conversation-row span{font:600 9px var(--mono);letter-spacing:.14em;color:var(--gold)}
.conversation-row p{font-size:15px;line-height:1.7;margin-top:11px}
.conversation-row>b{text-align:center;color:var(--gold)}
.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px}
.capabilities h3{font:500 38px/1 var(--serif);margin-top:17px}
.capability-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.capability-list span{padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}
.capability-list b{font:9px var(--mono);color:var(--gold);margin-right:10px}

/* Market */
.market-section{background:var(--paper)}
.market-chain{display:flex;align-items:stretch;gap:12px;margin-top:65px}
.market-step{flex:1;border-top:1px solid var(--line);padding-top:15px}
.market-step>b{font:10px var(--mono);color:var(--gold)}
.market-step>span{width:50px;height:50px;border:1px solid var(--line);display:grid;place-items:center;font:600 13px var(--mono);margin-top:25px}
.market-step.active>span,.market-step.global>span{border-color:var(--gold);background:#f3ecdc}
.market-step h3{font:500 24px var(--serif);margin-top:15px}
.market-step p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}
.market-chain>i{font-style:normal;color:var(--gold);align-self:center;margin-top:20px}
.market-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:75px}
.market-card{background:#edf0e9;border:1px solid var(--line);padding:34px}
.market-card>small{display:block}
.market-symbol{width:50px;height:50px;border:1px solid var(--gold);display:grid;place-items:center;font:600 13px var(--mono);color:var(--gold);margin:35px 0 20px}
.market-card h3{font:500 38px/1 var(--serif)}
.market-card>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:650px;margin-top:20px}
.market-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:35px}
.market-benefits div{background:#edf0e9;padding:18px}
.market-benefits b{display:block;font:9px var(--mono);color:var(--gold)}
.market-benefits strong{display:block;font:600 12px var(--mono);margin-top:8px}
.market-benefits p{font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}
.value-sharing{margin-top:20px;background:var(--forest-deep);color:white;padding:50px;display:grid;grid-template-columns:1fr 2fr;gap:50px}
.value-sharing h3{font:500 47px/1 var(--serif);color:white}
.value-sharing p{color:rgba(255,255,255,.64);font-size:13px;line-height:1.75;max-width:690px;margin-top:18px}

/* CTA */
.final-cta{padding:120px 6vw 80px;background:var(--cream)}
.final-cta-content{margin-top:10px;display:flex;align-items:end;justify-content:space-between;gap:50px}
.final-cta-content p{max-width:470px;color:var(--muted);font-size:15px;line-height:1.75}
.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:55px}
.portal-card{min-height:205px;border:1px solid var(--line);padding:25px;display:grid;grid-template-columns:30px 55px 1fr 20px;gap:18px;align-items:start;text-align:left;background:var(--paper);transition:.25s}
.portal-card:hover,.portal-card.active{background:#e9eee6;border-color:rgba(102,138,112,.45);transform:translateY(-2px)}
.portal-card>b,.portal-card>strong{font:10px var(--mono);color:var(--gold)}
.portal-card>span{width:48px;height:48px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:600 12px var(--mono)}
.portal-card small{font:600 9px var(--mono);letter-spacing:.15em;color:var(--gold)}
.portal-card h3{font:500 28px var(--serif);margin-top:6px}
.portal-card p{font-size:11px;line-height:1.65;color:var(--muted);margin-top:8px}
.final-statement{margin-top:85px;padding-top:30px;border-top:1px solid var(--line)}
.final-statement h3{font:500 clamp(34px,4vw,55px)/1.02 var(--serif);margin-top:17px}

/* Footer */
.site-footer{background:var(--forest-deep);color:white;padding:45px 6vw 25px;display:grid;grid-template-columns:1fr auto;gap:35px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:600 14px var(--mono)}
.footer-brand strong{display:block;font:600 13px var(--mono);letter-spacing:.16em}
.footer-brand small{display:block;color:rgba(255,255,255,.42);font:8px var(--mono);letter-spacing:.15em;margin-top:4px}
.footer-links{display:flex;gap:24px;align-items:center;font:10px var(--mono);color:rgba(255,255,255,.62)}
.footer-links a:hover{color:var(--gold-light)}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font:9px var(--mono);letter-spacing:.04em}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--forest-deep);color:white;border:1px solid rgba(216,187,120,.4);padding:12px 17px;font:10px var(--mono);opacity:0;pointer-events:none;transition:.25s;z-index:100}
.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.15)}}


/* Responsive */
@media(max-width:1050px){
  .navbar{padding:0 25px}.nav-links{gap:20px;margin-left:20px}
  .hero{padding-left:7vw;padding-right:7vw}.section,.final-cta{padding-left:7vw;padding-right:7vw}
  .hero-chain{max-width:100%}
  .farmer-value-layout{gap:45px}.samarth-showcase{gap:20px}
}
@media(max-width:850px){
  .navbar{height:72px}.nav-links{display:none}.mobile-toggle{display:block}
  .nav-right{margin-left:auto}.portal-menu{right:0;width:310px}
  .nav-links.mobile-open{display:flex;position:absolute;left:0;right:0;top:72px;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 25px;flex-direction:column;gap:0}
  .nav-links.mobile-open a{padding:13px 0}
  .hero{min-height:760px;padding-top:80px}.hero h1{font-size:clamp(50px,12vw,78px)}
  .hero-scroll{display:none}.hero-chain-visual{position:relative;right:auto;top:auto;transform:none;width:100%;height:420px;margin-top:70px}.hero-chain-label{right:8px}.chain-flow-stage{width:360px}.chain-flow-display{width:100%}.chain-flow-note{bottom:12px}
  .model-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:stretch}
  .model-flow>i{display:grid;place-items:center}.flow-node:nth-of-type(n+4){display:none}
  .ecosystem-map{grid-template-columns:1fr}.ecosystem-center{display:none}
  .ecosystem-footer{grid-template-columns:1fr}
  .farmer-value-layout,.capabilities,.market-cards,.portal-grid{grid-template-columns:1fr}
  .support-grid{grid-template-columns:1fr 1fr}
  .journey-timeline article{grid-template-columns:55px 1fr}.journey-timeline aside{display:none}
  .conversation-row{grid-template-columns:1fr}.conversation-row>b{transform:rotate(0)}
  .market-chain{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;overflow:hidden}
  .market-chain>i:nth-of-type(3),.market-chain>i:nth-of-type(4),.market-step:nth-of-type(5),.market-step:nth-of-type(7){display:none}
  .value-sharing,.journey-closing,.farmer-closing{grid-template-columns:1fr;gap:25px}
  .final-cta-content{display:block}.final-cta-content p{margin-top:22px}
  .portal-card{grid-template-columns:30px 50px 1fr 18px}
  .site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-bottom{grid-column:auto;flex-direction:column;gap:8px}
}
@media(max-width:620px){
  .navbar{padding:0 16px}.brand-name{font-size:13px}.portal-button{padding:10px 11px;font-size:9px}
  .hero{padding:70px 20px 55px;min-height:auto}.section,.final-cta{padding:80px 20px}.hero-chain-visual{height:390px;margin-top:58px}.orbit-a{width:315px;height:315px}.orbit-b{width:235px;height:235px}.chain-flow-display{width:100%;height:280px}.chain-flow-stage{width:100%}.flow-word{font-size:38px}.current-word{left:50%}.next-word{left:calc(50% + 120px)}.flow-arrow{left:calc(50% + 57px);font-size:24px}.chain-progress{right:18px;bottom:65px}.chain-flow-note{font-size:7px;gap:5px}
  .hero-copy>p{font-size:15px}.hero-chain{margin-top:55px}
  .section-header h2,.ecosystem-intro h2,.farmer-value-header h2,.journey-header h2,.samarth-header h2,.market-intro h2,.final-cta h2{font-size:44px}
  .supply-model{padding:20px}.model-note{grid-template-columns:1fr;gap:10px}
  .model-flow{grid-template-columns:1fr}.model-flow>i{display:none}.flow-node:nth-of-type(n+4){display:none}
  .support-grid{grid-template-columns:1fr}.farmer-support{padding:28px 20px}
  .samarth-showcase{grid-template-columns:1fr}.samarth-interface{height:360px}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}
  .samarth-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conversation-row p{font-size:13px}
  .market-chain{display:block}.market-chain>i{display:none}.market-step{margin-top:18px}
  .market-benefits{grid-template-columns:1fr}.market-card{padding:25px}.value-sharing{padding:30px 22px}.value-sharing h3{font-size:38px}
  .portal-grid{gap:10px}.portal-card{grid-template-columns:25px 45px 1fr 15px;padding:18px;gap:10px}.portal-card h3{font-size:23px}
  .portal-menu{position:fixed;left:16px;right:16px;top:68px;width:auto}
}


/* ===== HERO FINAL LAYOUT / SAFE OVERRIDES ===== */
.hero{
  min-height:calc(100vh - 82px);
  padding:70px 6vw 58px;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(430px,.84fr);
  align-items:center;
  column-gap:42px;
}
.hero-copy{grid-column:1;grid-row:1;max-width:790px;align-self:center}
.hero-chain-visual{
  grid-column:2;
  grid-row:1;
  position:relative;
  right:auto;
  top:-13%;
  transform:none;
  width:100%;
  max-width:560px;
  height:500px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-chain-label{top:38px;right:0}
.orbit-a{width:405px;height:405px}
.orbit-b{width:295px;height:295px}
.chain-flow-display{width:100%;height:330px}
.chain-flow-kicker{margin-bottom:24px}
.chain-flow-stage{width:100%;height:90px}
.flow-word{font-size:clamp(40px,4vw,58px)}
.current-word{left:calc(50% - 65px);transform:translate(-50%,-50%)}
.next-word{left:calc(50% + 130px);transform:translate(0,-50%);opacity:0}
.flow-arrow{left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px}
.chain-flow-caption{margin-top:8px}
.chain-progress{right:14px;bottom:56px}
.chain-flow-note{bottom:0}

/* One continuous hand-off: the current word leaves left, the next word
   crosses the arrow and lands exactly where the current word was. */
.flow-current-out{animation:heroWordOut .95s cubic-bezier(.4,0,.15,1) forwards}
.flow-next-in{animation:heroWordIn .95s cubic-bezier(.4,0,.15,1) forwards}
.flow-arrow-move{animation:heroArrowPulse .95s cubic-bezier(.4,0,.15,1) forwards}
.flow-caption-out{animation:heroCaptionOut .65s cubic-bezier(.4,0,.2,1) forwards}
.flow-caption-in{animation:heroCaptionIn .75s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes heroWordOut{
  0%{opacity:1;transform:translate(-50%,-50%)}
  100%{opacity:0;transform:translate(calc(-50% - 135px),-50%)}
}
@keyframes heroWordIn{
  0%{opacity:0;transform:translate(0,-50%)}
  100%{opacity:1;transform:translate(-195px,-50%)}
}
@keyframes heroArrowPulse{
  0%{opacity:1;transform:translate(-50%,-50%)}
  35%{opacity:.55;transform:translate(-50%,-50%) scaleX(1.22)}
  100%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}
}
@keyframes heroCaptionOut{to{opacity:0;transform:translateX(-28px)}}
@keyframes heroCaptionIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(370px,.82fr);column-gap:20px}
  .hero-chain-visual{max-width:500px}
  .orbit-a{width:370px;height:370px}
  .orbit-b{width:270px;height:270px}
}
@media(max-width:850px){
  .hero{min-height:auto;padding-top:80px;display:flex;flex-direction:column;align-items:stretch}
  .hero-copy{order:1;max-width:100%}
  .hero-chain-visual{order:2;position:relative;right:auto;top:auto;transform:none;width:100%;height:420px;max-width:100%;margin-top:48px}
  .chain-flow-display{width:100%;height:300px}
  .chain-flow-stage{width:100%;max-width:460px}
  .hero-chain-label{right:8px}
}
@media(max-width:620px){
  .hero{padding:65px 20px 50px}
  .hero-chain-visual{height:360px;margin-top:42px}
  .orbit-a{width:295px;height:295px}
  .orbit-b{width:220px;height:220px}
  .chain-flow-display{height:270px}
  .chain-flow-stage{max-width:350px}
  .flow-word{font-size:38px}
  .current-word{left:calc(50% - 52px)}
  .next-word{left:calc(50% + 110px)}
  .flow-arrow{left:50%;font-size:24px}
  .chain-progress{right:10px;bottom:55px}
  .chain-flow-note{font-size:7px;gap:5px}
}