:root{--ink:#19301d;--deep:#0c2916;--leaf:#2f6b31;--lime:#c9ed79;--mango:#ffb633;--cream:#fbf7e8;--paper:#fffdf5;--line:#d8dcc5;--muted:#627064;--red:#c84b2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:14px clamp(20px,5vw,76px);background:rgba(251,247,232,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(25,48,29,.12)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;margin-right:auto}.brand svg{width:44px;fill:var(--mango);filter:drop-shadow(0 5px 8px #d48c2830)}.brand svg .leaf{fill:var(--leaf)}.brand span{display:grid}.brand strong{font:700 23px Georgia,serif}.brand small{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.site-header nav{display:flex;gap:24px}.site-header nav a{color:inherit;text-decoration:none;font-weight:650;font-size:14px}button,.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--deep);border-radius:999px;padding:12px 20px;background:var(--deep);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.outline{background:transparent;color:var(--deep)}.secondary{background:#fff;color:var(--deep)}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:80px clamp(24px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 82% 30%,#ffe68a 0 8%,transparent 32%),linear-gradient(135deg,#fffdf4 0 52%,#e4f2b9 100%)}.hero-copy{max-width:760px}.eyebrow{margin:0 0 16px;color:var(--leaf);font-weight:850;font-size:12px;letter-spacing:.22em}.hero h1{font:500 clamp(48px,6.3vw,92px)/.98 Georgia,serif;letter-spacing:-.04em;margin:0}.hero h1 em{color:var(--red);font-style:italic}.lead{max-width:680px;font-size:clamp(18px,1.6vw,23px);color:#425544}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.hero-proof{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.hero-proof li{border:1px solid #b4c498;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750}.mango-orbit{position:relative;aspect-ratio:1;max-width:620px;margin:auto;border:1px dashed #698a4e;border-radius:50%;animation:float 6s ease-in-out infinite}.sun{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#fff6a8,#ffd052 45%,#ee8b24 72%);box-shadow:0 24px 80px #ed982c55}.mango-shape{position:absolute;inset:25% 22% 17% 27%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#54250f;background:linear-gradient(145deg,#ffc73e,#f38b27);border-radius:54% 46% 60% 40%/43% 50% 50% 57%;transform:rotate(-8deg);box-shadow:inset -18px -18px 35px #c6532138,0 28px 70px #9c5f2238}.mango-shape span{font-size:13px;font-weight:800}.mango-shape b{font:700 clamp(32px,5vw,60px) Georgia,serif}.mango-shape small{text-transform:uppercase;letter-spacing:.12em}.orbit-label{position:absolute;padding:8px 13px;border-radius:999px;background:#fff;box-shadow:0 10px 25px #21421d22;font-size:12px;font-weight:800}.farm{left:4%;top:24%}.inspect{right:-2%;top:30%}.move{left:8%;bottom:20%}.enjoy{right:2%;bottom:14%}@keyframes float{50%{transform:translateY(-10px)}}.pulse{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);color:#fff;padding:24px clamp(24px,7vw,110px)}.pulse div{display:grid;padding:12px 25px;border-left:1px solid #ffffff24}.pulse div:first-child{border-left:0}.pulse strong{font:500 38px Georgia,serif;color:var(--lime)}.pulse span{font-size:13px;color:#d4e4d4}.section{padding:90px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:end;margin-bottom:40px}.section-heading h2,.trace h2,.cta h2,.dialog-card h2{font:500 clamp(36px,4.4vw,62px)/1.08 Georgia,serif;margin:0}.section-heading>p{color:var(--muted);max-width:520px}.journey-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px}.stage-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:0;counter-reset:stage}.stage-rail button{width:100%;height:100%;min-height:104px;display:block;text-align:left;border-radius:14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:15px}.stage-rail button::before{counter-increment:stage;content:counter(stage,decimal-leading-zero);display:block;color:#83917e;font-size:11px;letter-spacing:.15em}.stage-rail button.active{background:var(--deep);color:#fff;border-color:var(--deep);transform:translateY(-2px);box-shadow:0 12px 30px #19301d22}.stage-detail{position:sticky;top:105px;align-self:start;min-height:400px;padding:30px;border-radius:22px;background:linear-gradient(160deg,#ffd55b,#f4a12f);color:#3a240e}.stage-detail .icon{font-size:44px}.stage-detail h3{font:600 34px Georgia,serif;margin:12px 0}.stage-detail ul{padding-left:20px}.stage-detail .actors{display:flex;gap:6px;flex-wrap:wrap}.stage-detail .actors span{padding:5px 9px;border:1px solid #6c421d55;border-radius:999px;font-size:11px;font-weight:800}.exchange{background:#edf4d4}.exchange-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.price-planner,.supply-board{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#e8f4bd;color:var(--leaf);font-weight:800;font-size:11px;text-transform:uppercase}.price-planner h3{font:600 30px Georgia,serif}.price-planner input{width:100%;accent-color:var(--leaf)}.price{display:flex;align-items:baseline;gap:13px;margin:24px 0}.price strong{font:600 44px Georgia,serif}.price span{color:var(--leaf);font-weight:800}.board-head,.supply-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#49a24b;box-shadow:0 0 0 5px #49a24b22}.text-button{padding:0;border:0;background:none;color:var(--leaf)}.supply-row{padding:18px 0;border-top:1px solid var(--line)}.supply-row:first-child{border-top:0}.supply-row h3,.supply-row p{margin:0}.supply-row p,.supply-row small{color:var(--muted)}.supply-row .qty{text-align:right}.trace{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:var(--deep);color:#fff}.trace .eyebrow{color:var(--lime)}.trace-copy>p:not(.eyebrow){color:#cfe0d0}.verify-box{display:flex;gap:8px}.verify-box input{min-width:0;flex:1;padding:14px;border-radius:10px;border:1px solid #ffffff55;background:#fff;color:var(--ink)}.demo-note{font-size:12px}.passport{padding:30px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 30px 70px #0005}.passport-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.verified{color:var(--leaf);font-weight:900}.passport h3{font:600 34px Georgia,serif}.passport dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passport dl div{padding:12px;background:#f4f5e9;border-radius:10px}.passport dt{font-size:11px;color:var(--muted);text-transform:uppercase}.passport dd{margin:0;font-weight:750}.custody{list-style:none;padding:0;margin:25px 0 0;border-left:2px solid var(--line)}.custody li{padding:6px 0 6px 22px;position:relative}.custody li::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#bbb;left:-6px;top:14px}.custody .done::before{background:var(--leaf)}.custody .active{font-weight:800}.custody .active::before{background:var(--mango);box-shadow:0 0 0 5px #ffb63333}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role-card{min-height:185px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);cursor:pointer}.role-card:hover{border-color:var(--leaf);transform:translateY(-3px)}.role-card span{font-size:28px}.role-card h3{margin:10px 0 5px}.role-card p{margin:0;color:var(--muted);font-size:13px}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px;padding:45px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#b64727,#ef8d2c)}.cta .eyebrow{color:#ffe9a3}.cta p{max-width:760px}footer{display:flex;align-items:center;gap:30px;padding:35px clamp(24px,7vw,110px);border-top:1px solid var(--line);background:var(--paper)}footer p{margin-left:auto;color:var(--muted);font-size:12px}dialog{width:min(760px,calc(100% - 30px));border:0;border-radius:22px;padding:0;background:var(--paper);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0b1f11bb;backdrop-filter:blur(4px)}.dialog-card{position:relative;padding:34px}.dialog-close{position:absolute;right:16px;top:16px;width:40px;height:40px;padding:0;background:transparent;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog-card label{display:grid;gap:6px;margin:14px 0;font-weight:700;font-size:13px}.dialog-card input,.dialog-card select,.dialog-card textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.consent{display:flex!important;grid-template-columns:auto 1fr!important}.consent input{width:auto}.success{color:var(--leaf);font-weight:800}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.mango-orbit{width:min(90vw,480px)}.pulse{grid-template-columns:1fr 1fr}.pulse div:nth-child(3){border-left:0}.section-heading,.journey-layout,.exchange-grid,.trace{grid-template-columns:1fr}.stage-detail{position:static}.role-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}footer p{margin-left:0}}@media(max-width:560px){.site-header{padding:12px 16px}.site-header .outline{padding:9px 12px}.brand strong{font-size:19px}.hero{min-height:0;padding:45px 20px}.hero h1{font-size:46px}.hero-actions{display:grid}.pulse{padding:16px}.pulse div{padding:10px}.section{padding:65px 20px}.stage-rail{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr}.passport dl,.form-grid{grid-template-columns:1fr}.verify-box{display:grid}.cta{padding:28px}.mango-orbit{margin-top:20px}}
