/* Incr-edibles – draft Orbit landing page. Brand colours taken from the live logo/theme. */
:root{
  --green:#6bbc7a;        /* logo + live theme green */
  --green-dark:#3f8a4e;   /* AA-contrast green for text/buttons */
  --green-tint:#eef7f0;
  --ink:#2a2928;          /* logo dark */
  --ink-2:#4a4a4a;
  --black:#141414;        /* bottle/label black */
  --gold:#c8a24c;         /* gold logo */
  --gold-soft:#e9d9a8;
  --white:#fff;
  --radius:18px;
  --shadow:0 6px 20px rgba(20,20,20,.08);
  --shadow-lg:0 12px 32px rgba(20,20,20,.16);
  --font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.6;font-size:1rem}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-dark)}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}

.draft-bar{background:var(--gold-soft);color:var(--ink);text-align:center;font-size:.85rem;padding:.4rem 1rem;font-weight:600}

/* Header */
.site-header{background:#fff;border-bottom:4px solid var(--green);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:84px}
.brand img{width:150px;height:auto}
.nav{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:var(--green-dark);border-color:var(--green)}
nav[aria-label="Main"]{flex:1}
.header-actions{display:flex;gap:.6rem}
.icon-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);transition:background-color .2s,color .2s}
.icon-link:hover{background:var(--green-tint);color:var(--green-dark)}

/* Buttons – static hovers: colour + shadow only, no movement */
.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s}
.btn-primary{background:var(--green-dark);color:#fff}
.btn-primary:hover{background:#2f6e3c;box-shadow:var(--shadow-lg)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}

.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--green-dark);margin:0 0 .5rem}
h1,h2,h3{line-height:1.2;margin:0 0 .75rem;color:var(--black)}
h1{font-size:clamp(2rem,4.2vw,3.2rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.section-head{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.section-head p:last-child{color:var(--ink-2);margin:0}

/* Hero – soft botanical background (CSS only), echoing Gogs's leafy Orbit image */
.hero{position:relative;overflow:hidden;padding:4rem 0 3rem;
  background:
    radial-gradient(600px 400px at 0% 0%,rgba(107,188,122,.28),transparent 70%),
    radial-gradient(500px 380px at 100% 100%,rgba(107,188,122,.22),transparent 70%),
    linear-gradient(180deg,#f7fbf7,#fff)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:40ch}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}
.trust-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.trust-chips li{background:#fff;border:1px solid #d9eadc;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;color:var(--ink)}
.trust-chips li::before{content:"✓ ";color:var(--green-dark)}
.hero-visual{position:relative;display:grid;place-items:center}
.hero-halo{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 55%,rgba(107,188,122,.18) 70%,transparent 72%);border:2px dashed rgba(107,188,122,.55)}
.hero-visual img{position:relative;width:min(380px,90%);mix-blend-mode:multiply}

/* Category Orbit */
.orbit-section{padding:4.5rem 0;background:linear-gradient(180deg,#fff,var(--green-tint))}
.orbit{position:relative;width:min(100%,860px);aspect-ratio:1/1;height:auto;margin:4rem auto 9rem}
.orbit-ring{position:absolute;inset:10%;border-radius:50%;transform-origin:50% 50%;border:2px dashed var(--green);opacity:.7}
.orbit-ring::before,.orbit-ring::after{content:"";position:absolute;inset:22%;border-radius:50%;border:1px dashed rgba(107,188,122,.5)}
.orbit-core{position:absolute;left:50%;top:50%;width:250px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;padding:10px;background:#fff;box-shadow:0 0 0 8px rgba(200,162,76,.25),var(--shadow-lg)}
.orbit-core img{border-radius:50%}
.planets{list-style:none;margin:0;padding:0}
.planet{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-75px);width:190px}
.planet-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);gap:.5rem}
.planet-img{width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:4px solid #fff;box-shadow:0 0 0 2px var(--green),var(--shadow);display:grid;place-items:center;transition:box-shadow .25s,border-color .25s}
.planet-img img{width:100%;height:100%;object-fit:cover}
.planet-title{display:block;font-weight:800;font-size:1.08rem;color:var(--black)}
.planet-sub{display:block;font-size:.85rem;color:var(--ink-2)}
.planet-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green-dark);color:#fff;font-weight:700;transition:background-color .25s}
.planet-link:hover .planet-img,.planet-link:focus-visible .planet-img{box-shadow:0 0 0 4px var(--gold),var(--shadow-lg)}
.planet-link:hover .planet-arrow{background:var(--gold);color:var(--black)}
.planet-link:hover .planet-title{color:var(--green-dark)}

.more{margin-top:4rem;text-align:center}
.more h3{font-size:1.15rem}
.more-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.more-list a{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #d9eadc;border-radius:999px;padding:.35rem 1rem .35rem .35rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;transition:border-color .2s,box-shadow .2s}
.more-list img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.more-list a:hover{border-color:var(--green);box-shadow:var(--shadow)}

/* Evidence Orbit – dark "space" band using the bottle-label black and gold */
.evidence-section{padding:4.5rem 0;color:#eee;background:radial-gradient(800px 500px at 50% 50%,#24302a,#121513 70%)}
.on-dark h2{color:#fff}.on-dark p:last-child{color:#cfd8d2}.on-dark .eyebrow{color:var(--gold)}
.evidence-orbit{position:relative;width:min(100%,800px);aspect-ratio:1/1;height:auto;margin:5rem auto 3rem}
.evidence-ring{position:absolute;inset:10%;border-radius:50%;transform-origin:50% 50%;border:2px dashed rgba(200,162,76,.6)}
.evidence-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;aspect-ratio:1;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 6px rgba(200,162,76,.35)}
.evidence-core img{width:100%;height:100%;object-fit:contain}
.moons{list-style:none;margin:0;padding:0}
.moon{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:200px}
.moon-link{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.1rem 1rem;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(200,162,76,.45);color:#f2f2f2;text-decoration:none;transition:background-color .25s,border-color .25s,box-shadow .25s}
.moon-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--black)}
.moon-title{font-weight:800}
.moon-body{font-size:.85rem;color:#cfd8d2}
.moon-link:hover,.moon-link:focus-visible{background:rgba(200,162,76,.16);border-color:var(--gold);box-shadow:0 8px 28px rgba(0,0,0,.4)}

/* Proof cards */
.proof{padding:4.5rem 0}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{background:#fff;border:1px solid #e3ece5;border-top:5px solid var(--green);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.4rem}
.card h3{font-size:1.2rem}
.card .btn{margin-top:auto;align-self:flex-start}
.small{font-size:.85rem;color:var(--ink-2)}
.batch-mini{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0 1rem}
.batch-mini div{background:var(--green-tint);border-radius:10px;padding:.5rem .7rem}
.batch-mini dt{font-size:.75rem;color:var(--ink-2)}
.batch-mini dd{margin:0;font-weight:800}

/* Reviews */
.reviews{padding:4rem 0;background:var(--green-tint)}
.review-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.review{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}
.review blockquote{margin:.3rem 0 .8rem;font-size:1.1rem;font-weight:600}
.stars{margin:0;color:var(--gold);letter-spacing:.15em}
.who{margin:0;color:var(--ink-2);font-size:.9rem}
.review.placeholder,.placeholder-text{background:repeating-linear-gradient(45deg,#fff8e1,#fff8e1 10px,#fff3cc 10px,#fff3cc 20px);color:#6b5200}
.review.placeholder blockquote{font-size:.95rem}
.center{text-align:center;margin-top:2rem}

/* Footer */
.site-footer{background:#fff;border-top:4px solid var(--green);padding-top:3rem}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}
.footer-logo{margin-bottom:1rem}
address{font-style:normal}
.site-footer h2{font-size:1.05rem;color:var(--green-dark)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:.3rem 0}
.site-footer a{color:var(--ink)}
.site-footer a:hover{color:var(--green-dark)}
.legal{margin-top:2rem;padding:1.2rem 0;border-top:1px solid #e3ece5;font-size:.85rem;color:var(--ink-2)}
.legal p{margin:.3rem 0}
.placeholder-text{padding:.4rem .7rem;border-radius:8px}

/* Subtle motion: slow drift of the dashed orbit rings only */
@media (prefers-reduced-motion:no-preference){
  .orbit-ring{animation:spin 140s linear infinite}
  .evidence-ring{animation:spin 180s linear infinite reverse}
  @keyframes spin{to{transform:rotate(360deg)}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}

/* Tablet / mobile: Orbit collapses to a grid (Gogs: orbit is a desktop idea) */
@media (max-width:980px){
  .nav{gap:.9rem}.nav a{font-size:.85rem}
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{order:-1}.hero-visual img{width:min(260px,70%)}
  .orbit,.evidence-orbit{height:auto;aspect-ratio:auto;width:100%;margin-top:0}
  .orbit-ring,.evidence-ring{display:none}
  .orbit-core,.evidence-core{position:relative;left:auto;top:auto;transform:none;margin:0 auto 2rem;width:170px}
  .planets{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}
  .planet,.moon{position:static;transform:none;width:auto}
  .planet-img{width:min(140px,100%)}
  .moons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
  .proof-grid,.review-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .header-inner{flex-wrap:wrap;gap:.5rem;padding:.6rem 0}
  nav[aria-label="Main"]{order:3;flex-basis:100%;overflow-x:auto}
  .nav{flex-wrap:nowrap;white-space:nowrap;padding-bottom:.3rem}
  .header-actions{margin-left:auto}
  .brand img{width:120px}
  .hero{padding:2rem 0}
  .moons{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .planet-sub{font-size:.8rem}
}