/* Jane's silver, cyan and sprout identity. The website owns this presentation;
   the functional Jane application is separate and unchanged. */
:root {
  color-scheme: dark;
  --paper: #090f14;
  --ink: #eef5fa;
  --muted: #b0bec7;
  --line: #293b47;
  --forest: #44de80;
  --green: #44de80;
  --panel: #111e27;
  --panel-raised: #172934;
  --cyan: #00d5ff;
  --silver: #d5e0e8;
  --accent-text: #8fe5fa;
  --button-ink: #0c1b0a;
  --glow: #00cfff24;
  --silver-top: #ecf7ff;
  --silver-bottom: #88a3b5;
  background: var(--paper);
  color: var(--ink);
}
/* The approved complete primary logo leads the page, unchanged. */
.hero:has(.primary-logo-stage) { display:flex; flex-direction:column; gap:30px; padding-block:35px 55px; }
.hero .primary-logo-stage { order:-1; width:100%; min-height:0; height:auto; border:0; border-radius:0; background:transparent; box-shadow:none; }
.primary-logo-stage:before,.primary-logo-stage:after { display:none; }
.primary-logo-stage .primary-logo { width:100%; height:auto; display:block; }
.hero:has(.primary-logo-stage) .hero-copy { width:100%; max-width:800px; text-align:center; padding:10px 0 0; }
.hero:has(.primary-logo-stage) .hero-description { margin-inline:auto; max-width:540px; }
.hero:has(.primary-logo-stage) .button-row,.hero:has(.primary-logo-stage) .availability { justify-content:center; }
.hero:has(.primary-logo-stage) h1 { font-size:clamp(2.7rem,5vw,4.2rem); }
/* Display the exact primary-logo regions of the supplied identity sheet.
   The source bitmap is unchanged; these are CSS viewports, not redraws. */
.hero .primary-logo-stage { padding:35px; }
.approved-primary-logo { width:min(80%,752px); }
.approved-logo-dark,.approved-logo-light { display:block; position:relative; overflow:hidden; }
.approved-logo-dark { aspect-ratio:585/144; }
.approved-logo-dark img { position:absolute; width:262.5641%; max-width:none; height:auto; left:-6.8376%; top:-333.3333%; }
.approved-logo-light { display:none; aspect-ratio:400/102; }
.approved-logo-light img { position:absolute; width:384%; max-width:none; height:auto; left:-170%; top:-494.1176%; }
[data-theme="light"] .approved-logo-dark { display:none; }
[data-theme="light"] .approved-logo-light { display:block; }
@media(max-width:760px){.hero .primary-logo-stage{padding:22px 12px;}}
:root[data-theme="light"] {
  color-scheme: light;
  --paper: #f3f7fb;
  --ink: #102734;
  --muted: #455e6c;
  --line: #b6cad7;
  --forest: #176b40;
  --green: #176b40;
  --panel: #e7f0f7;
  --panel-raised: #fff;
  --cyan: #007eaa;
  --silver: #2f4c5e;
  --accent-text: #006d92;
  --button-ink: #10240a;
  --glow: #008db720;
  --silver-top: #173441;
  --silver-bottom: #46697b;
}
body {
  background: radial-gradient(ellipse at 100% 0, var(--glow), transparent 33%), var(--paper);
}
.site-header {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 0 #00d5ff10;
}
.header-inner { gap: 22px; }
.brand { font-size: 1.35rem; letter-spacing: -.055em; margin-right: auto; }
.brand-so, .brand-dot { color: var(--accent-text); }
.brand img { width: 42px; height: 42px; filter: drop-shadow(0 0 7px var(--glow)); }
.brand-wordmark-frame { display:block; width:176.25px; height:40.5px; overflow:hidden; }
.brand img.brand-wordmark-image { width:176.25px; height:auto; max-width:none; margin-top:-9px; }
.site-header nav { order: 2; gap: 26px; }
.site-header nav a:hover { color: var(--accent-text); }
.header-app {
  background: var(--panel);
  border-color: var(--cyan);
  box-shadow: inset 0 0 16px var(--glow), 0 0 12px #00d5ff0a;
  border-radius: 9px;
}
.theme-toggle {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9px;
  min-height: 44px;
  padding: 10px 12px;
  font-size: .75rem;
  cursor: pointer;
}
.theme-toggle:hover { border-color: var(--cyan); }
.theme-toggle [data-theme-symbol] { font-size: 1.05rem; color: var(--accent-text); }
.menu-toggle { order: 4; color: var(--ink); border-radius: 9px; background: var(--panel); }
.hero { position: relative; gap: 45px; padding-block: 65px 70px; }
.hero h1 {
  font-size: clamp(3.6rem, 5.4vw, 5rem);
  font-weight: 800;
  letter-spacing: -.065em;
  line-height: 1.06;
  color: var(--silver);
  background: linear-gradient(165deg, var(--silver-top) 12%, var(--silver-bottom) 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero h1 em {
  display: inline-block;
  font: inherit;
  letter-spacing: inherit;
  color: var(--green);
  background: linear-gradient(var(--green), var(--green));
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: none;
}
[data-theme="light"] .hero h1 em {
  background-image: linear-gradient(#176b40, #176b40);
}
.hero .eyebrow { color: var(--accent-text); }
.tiny-sprout { color: var(--green); }
.hero-intro { font-weight: 500; color: var(--ink); }
.button {
  border-radius: 9px;
  min-height: 52px;
  font-weight: 700;
  transition: transform .18s, box-shadow .18s;
}
.primary {
  color: var(--button-ink);
  background: #44de80;
  border: 1px solid #44de80;
  box-shadow: none;
}
.primary:hover {
  background: #59e58f;
  box-shadow: none;
}
.secondary {
  background: var(--panel-raised);
  color: var(--ink);
  border-color: #698393;
  box-shadow: inset 0 1px 0 #ffffff0d;
}
.secondary:hover { background: var(--panel); border-color: var(--cyan); }
.text-link { color: var(--ink); border-color: var(--cyan); }
.text-link:hover { color: var(--accent-text); }
.availability>span, .status-dot { background: var(--green); box-shadow: none; }
.hero-art {
  min-height: 565px;
  border-radius: 25px;
  border: 1px solid #5d7e8f;
  background: radial-gradient(ellipse at 65% 34%, #00b9f52b, transparent 63%),
    radial-gradient(ellipse at 32% 58%, #44de8010, transparent 58%), #081219;
  box-shadow: 0 0 0 5px var(--paper), 0 0 0 6px var(--line),
    0 25px 65px #00000038, inset 0 1px 0 #daf4ff60;
}
.hero-art:before {
  background: linear-gradient(90deg, transparent 49.5%, #67c9f00c 50%, transparent 50.5%),
    linear-gradient(0deg, transparent 49.5%, #67c9f00c 50%, transparent 50.5%);
  background-size: 44px 44px;
  mask-image: linear-gradient(transparent, black 35%);
}
.hero-art:after {
  content: "";
  position: absolute;
  left: 15%; right: 15%; bottom: 8%; height: 4px;
  background: #00d5ff;
  border-radius: 100%;
  box-shadow: 0 0 25px 12px #00cfff25, 0 0 80px 35px #00cfff15;
}
.sprout-art { width: 90%; filter: drop-shadow(0 0 22px #00d5ff24); }
.art-orbit { border-color: #34809635; }
.art-caption, .art-footer { color: #a5e6f8; }
[data-theme="light"] .hero-art:not(.primary-logo-stage) {
  background: radial-gradient(ellipse at 65% 34%, #00b9f522, transparent 65%),
    linear-gradient(145deg, #fff, #d7e5ee);
  border-color: #7d9cac;
  box-shadow: 0 0 0 5px #f7fbfd, 0 0 0 6px #b7cbd7,
    0 25px 55px #1b4c6220, inset 0 1px 0 #fff;
}
[data-theme="light"] .art-caption, [data-theme="light"] .art-footer { color: #26586f; }
.principles { border-color: var(--line); }
.principles li span { color: var(--accent-text); }
.principles li { font-weight: 500; }
.eyebrow { color: var(--accent-text); }
h2 { font-weight: 650; letter-spacing: -.045em; }
.product-stage {
  background: radial-gradient(ellipse at top, var(--glow), transparent 70%), var(--panel);
  border: 1px solid #5d7c8e;
  box-shadow: inset 0 1px 0 #ffffff26, 0 14px 50px #00000015;
}
.stage-label { color: var(--accent-text); }
.product-stage>img { box-shadow: 0 20px 45px #00000040, 0 0 28px var(--glow); }
.step-number { border-color: var(--cyan); color: var(--accent-text); border-radius: 8px; background: var(--panel); }
.steps h3 { font-weight: 700; }
.brand-section {
  background: linear-gradient(100deg, var(--panel), var(--paper));
  border-block: 1px solid var(--line);
}
.nutrient-brands li { border-color: var(--line); color: var(--silver); }
.plan {
  background: linear-gradient(145deg, var(--panel-raised), var(--panel));
  border-color: #4d6473;
  border-top: 2px solid #9eb8c6;
  border-radius: 13px;
  box-shadow: 0 15px 30px #00000012, inset 0 1px 0 #ffffff10;
}
.plan-featured { border-color: var(--green); box-shadow: inset 0 1px 0 #44de8020; }
.plan h3 { font-weight: 700; color: var(--silver); }
.plan-featured h3 { color: var(--green); }
.price { font-weight: 700; color: var(--ink); }
.plan ul { border-color: var(--line); }
.plan li:before { color: var(--green); }
.gardener-section {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:65px;
  margin-top:80px;
  padding:55px;
  border:1px solid var(--line);
  border-top:2px solid var(--green);
  border-radius:18px;
  background:linear-gradient(135deg,var(--panel-raised),var(--panel));
}
.gardener-intro h2 { font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.15; }
.gardener-intro>p:not(.eyebrow) { color:var(--muted); font-size:.95rem; max-width:440px; }
.gardener-intro .button { margin-top:12px; }
.gardener-intro .gardener-price { font-size:.72rem!important; margin:16px 0 0; }
.gardener-benefits { min-width:0; }
.gardener-benefits article { padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid var(--line); }
.benefit-label { font-size:.65rem; letter-spacing:.12em; color:var(--green); }
.gardener-benefits h3 { font-size:1.15rem; font-weight:650; margin:10px 0; }
.gardener-benefits article p { font-size:.86rem; color:var(--muted); margin:0; }
.gardener-benefits .fine-print { margin-top:0; }
.retailer-form { margin-top:32px; }
.retailer-form label { display:block; margin:20px 0 8px; font-size:.9rem; }
.retailer-form input,.retailer-form textarea { display:block; width:100%; min-width:0; min-height:48px; background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:12px; font:inherit; line-height:1.5; }
.retailer-form input:focus-visible,.retailer-form textarea:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.retailer-form input::placeholder { color:var(--muted); }
.retailer-form textarea { resize:vertical; }
@media(max-width:760px){
  .gardener-section { grid-template-columns:1fr; gap:35px; margin-top:50px; padding:30px 24px; }
  .gardener-intro h2 { font-size:2rem; }
}
.download-section {
  background: radial-gradient(ellipse at 100% 0, #00bbff16, transparent 70%), var(--panel);
  color: var(--ink);
  border: 1px solid #648395;
  box-shadow: inset 0 1px 0 #e5f4ff55, 0 0 35px var(--glow);
}
.download-section .eyebrow { color: var(--accent-text); }
.download-section p:not(.eyebrow) { color: var(--muted); }
.download-section .primary { color: var(--button-ink); background: #44de80; }
.platform-link { border-color: #536f80; background: var(--paper); }
.platform-link:hover { background: var(--panel-raised); border-color: var(--cyan); }
.platform-icon { color: var(--accent-text); }
.platform-link small { color: var(--muted); }
.platforms>p>a { color: var(--accent-text); }
.faq-list details, .faq-list details:first-child { border-color: var(--line); }
.faq-list summary>span { color: var(--accent-text); }
.faq-list summary:hover { color: var(--accent-text); }
.updates-section {
  background: radial-gradient(ellipse at 95% 70%, var(--glow), transparent 60%), var(--panel);
  border: 1px solid var(--line);
  border-top: 2px solid var(--cyan);
}
.updates-ring { border-color: #3891af40; box-shadow: 0 0 55px var(--glow); }
.social-links>a { border-color: #57717f; background: var(--paper); color: var(--accent-text); border-radius: 10px; }
.social-links>a:hover { background: var(--panel-raised); border-color: var(--cyan); box-shadow: 0 0 15px var(--glow); }
.site-footer { background: #070d12; color: #e9f4fa; border-top: 1px solid #2d4b5e; }
.footer-wordmark { width: 310px; margin-top: -24px; }
.footer-main>div>p { color: #b0c4d0; margin-top: 0; }
.footer-main nav a { color: #b6c8d4; }
.footer-main nav a:hover { color: #7ce5ff; }
.footer-bottom { border-color: #2d4554; }
.footer-bottom p { color: #a8bfce; }
.notice-panel { background: var(--panel); border-color: #4e7287; }
.plan-selector label { border-color: #587a8c; background: var(--panel); }
.plan-selector label:has(input:checked) { background: var(--panel-raised); border-color: var(--green); box-shadow: 0 0 16px #44de8010; }
.plan-selector input { accent-color: #5d9e15; }
.share-card { background: radial-gradient(ellipse at 85% 35%,#00b9f528,transparent 60%),#081219; color: #edf7ff; }
.share-card h1 { font-weight: 800; }
.share-card h1 em { color: #44de80; font-family: inherit; font-style: normal; font-weight: 800; }
.share-card p { color: #a7d9ed; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: var(--cyan); }
.skip-link { color: #07151c; background: #8ee8ff; }
@media(max-width:1100px) {
  .site-header nav { gap: 16px; }
  .header-inner { gap: 15px; }
  .hero-art { min-height: 510px; }
}
@media(max-width:760px) {
  .header-inner { gap: 9px; }
  .brand { font-size: 1.13rem; }
  .brand img { width: 33px; height: 33px; }
  .brand-wordmark-frame { width:138.75px; height:31.5px; }
  .brand img.brand-wordmark-image { width:138.75px; height:auto; margin-top:-7.5px; }
  .theme-toggle { order: 2; padding: 9px 10px; }
  .menu-toggle { order: 3; padding: 10px 12px; }
  .site-header nav { order: 4; background: var(--paper); }
  .hero { padding-block: 40px; gap: 40px; }
  .hero h1 { font-size: clamp(3.3rem, 11.6vw, 5.2rem); }
  .hero-art { min-height: 0; height: 390px; border-radius: 20px; }
  .sprout-art { width: 95%; height: 93%; }
  .hero-copy .button-row { gap: 16px; }
  .hero-copy .primary { width: 100%; }
  .footer-wordmark { margin-top: -20px; }
}
@media(max-width:420px) {
  .theme-toggle [data-theme-label] { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
  .theme-toggle { min-width:44px; }
  .brand { gap:6px; font-size:1.08rem; }
  .brand-wordmark-frame { width:118.5px; height:28.5px; }
  .brand img.brand-wordmark-image { width:118.5px; margin-top:-5.25px; }
  .hero h1 { font-size: clamp(2.75rem,11.8vw,3.5rem); }
  .hero-art { height: 340px; }
}

/* Leaf bullets reuse the approved animation SVG leaf shape. */
.principles { list-style:none; padding-inline:0; margin-block:0; }
.principles .leaf-bullet { width:14px; height:16px; flex:0 0 14px; object-fit:contain; }

/* Owner-approved website controls: square corners and a compact header group. */
.button, .header-app, .menu-toggle, .platform-link, .social-links>a { border-radius:0; }
.header-inner { justify-content:flex-start; }
.header-inner>.brand { margin-right:0; }
.site-header nav { margin-left:clamp(24px,4vw,56px); }
.header-app { box-shadow:none; }
@media(max-width:760px) {
 .header-inner>.menu-toggle { margin-left:auto; }
 .site-header nav { margin-left:0; }
}

.steps .step-plant-bullet { width:28px; height:28px; flex:0 0 28px; object-fit:contain; margin-top:2px; }

.meet-section .meet-jane-caption { font-size:clamp(1rem,1.8vw,1.35rem); line-height:1.4; letter-spacing:.06em; }

.meet-section>.meet-jane-caption { grid-column:1 / -1; font-size:clamp(1rem,1.8vw,1.35rem); font-weight:600; letter-spacing:.02em; margin:0 0 -20px; color:var(--ink); }

/* Center the introduction in the section break with less space above it. */
#meet-jane { padding-top:40px; }
.meet-section>.meet-jane-caption { text-align:center; width:100%; margin:0; }
@media(max-width:760px) { #meet-jane { padding-top:28px; } }

.nutrient-brands li>a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.nutrient-brands li>a:hover { color:var(--accent-text); }

/* A real Gardener screen in a decorative phone, behind the section content. */
.gardener-section { position:relative; overflow:hidden; isolation:isolate; }
.farmer-teaser { grid-column:1 / -1; border-top:1px solid var(--line); padding-top:24px; margin:0; color:var(--muted); font-size:.95rem; line-height:1.65; }
.farmer-teaser strong { display:block; color:var(--ink); font-size:1.15rem; margin-bottom:7px; }

/* Match the decorative idle screen to the device appearance, with a quieter backdrop. */

/* October 19: material and type finish aligned to AssetsVisual identity boards.
   Exact brand anchors: charcoal #0B0F12, silver #C0C3C8, cyan #00D5FF,
   leaf green #44DE80. Artwork is not recolored. */
:root {
 --paper:#0b0f12; --ink:#f0f2f4; --muted:#aeb5bc; --line:#394148;
 --panel:#151a1e; --panel-raised:#22282d; --silver:#c0c3c8;
 --cyan:#00d5ff; --accent-text:#70e8ff; --green:#44de80;
 --silver-top:#fafbfc; --silver-bottom:#b5bbc2;
 --material:linear-gradient(155deg,#ffffff0b,transparent 44%),linear-gradient(180deg,#20262b,#11161a);
 --edge:#ffffff26; --surface-shadow:0 18px 46px #00000035;
 --heading-font:'Bahnschrift','Avenir Next','Segoe UI',Arial,sans-serif;
}
:root[data-theme="light"] {
 --paper:#f0f1f2; --ink:#171c20; --muted:#4e565e; --line:#b8bdc3;
 --panel:#e2e4e7; --panel-raised:#fafbfc; --silver:#535c65;
 --cyan:#007891; --accent-text:#006b81; --green:#176b40;
 --silver-top:#20262c; --silver-bottom:#515b64;
 --material:linear-gradient(155deg,#ffffffc7,transparent 48%),linear-gradient(180deg,#f7f8f9,#d9dde1);
 --edge:#ffffff; --surface-shadow:0 16px 36px #17202b12;
}
body { background:var(--paper); font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
h1,h2,h3,.eyebrow,.benefit-label,.plan-number,.button,.header-app {
 font-family:var(--heading-font);
}
h2 { font-weight:650; letter-spacing:-.035em; }
h3 { font-weight:650; letter-spacing:-.015em; }
.eyebrow,.benefit-label,.plan-number { font-weight:650; letter-spacing:.12em; }
.site-header {
 background:var(--material); border-bottom:1px solid var(--line);
 box-shadow:inset 0 1px 0 var(--edge),0 3px 18px #0000000c;
}
.header-inner { min-height:76px; height:76px; }
.brand img.brand-wordmark-image { filter:none; }
.site-header nav a { font-size:.83rem; font-weight:600; }
.hero:has(.primary-logo-stage) { gap:20px; padding-top:24px; }
.hero:has(.primary-logo-stage) h1 { letter-spacing:-.045em; line-height:1.08; }
.hero h1 { background-image:linear-gradient(180deg,var(--silver-top),var(--silver-bottom)); }
.hero h1 em,[data-theme="light"] .hero h1 em { background-image:linear-gradient(#00d5ff,#00d5ff); }
[data-theme="light"] .hero h1 em { background-image:linear-gradient(#007891,#007891); }
.hero-intro { font-family:var(--heading-font); font-weight:500; letter-spacing:0; }
.hero-description { line-height:1.7; }
.button,.header-app,.menu-toggle {
 border-radius:0; letter-spacing:.025em; font-weight:650;
 box-shadow:inset 0 1px 0 #ffffff55,0 3px 7px #00000012;
 transition:background .18s,border-color .18s,box-shadow .18s;
}
.primary,.download-section .primary {
 color:#06171c; border:1px solid #00d5ff;
 background:linear-gradient(180deg,#00d5ff,#00b8de);
 box-shadow:inset 0 1px 0 #ffffff80,0 0 0 1px #00d5ff12;
}
.primary:hover,.download-section .primary:hover { background:linear-gradient(180deg,#40e1ff,#00c8ed); box-shadow:0 0 18px #00d5ff20; }
.secondary,.header-app,.menu-toggle {
 color:var(--ink); background:var(--material); border-color:var(--line);
 box-shadow:inset 0 1px 0 var(--edge),0 2px 4px #00000012;
}
.secondary:hover,.header-app:hover,.menu-toggle:hover { border-color:var(--cyan); background:var(--material); }
.principles { border-color:var(--line); padding-block:20px; }
.principles li { font-weight:550; }
.meet-section>.meet-jane-caption { color:var(--accent-text); letter-spacing:.1em; font-weight:650; font-size:clamp(.9rem,1.6vw,1.15rem); }
.product-stage {
 background:var(--material); border:1px solid var(--line); border-radius:4px;
 box-shadow:inset 0 1px 0 var(--edge),var(--surface-shadow);
}
.image-caption { color:var(--muted); }
.gardener-section,.download-section,.updates-section,.plan,.plan-featured {
 background:var(--material); border:1px solid var(--line); border-radius:4px;
 box-shadow:inset 0 1px 0 var(--edge),var(--surface-shadow);
}
.gardener-section,.plan-featured { border-top:2px solid #00d5ff; }
.gardener-intro .eyebrow,.benefit-label { color:var(--accent-text); }
.gardener-benefits article { border-color:var(--line); }
.plan-featured { outline:1px solid #00d5ff35; }
.plan-number { color:var(--accent-text); }
.nutrient-brands { border-color:var(--line); }
.nutrient-brands li>a { font-family:var(--heading-font); font-weight:600; }
.platform-link,.social-links>a,.notice-panel,.plan-selector label {
 background:var(--material); border-color:var(--line); border-radius:0;
 box-shadow:inset 0 1px 0 var(--edge);
}
.updates-ring { border-color:#00d5ff40; box-shadow:0 0 36px #00d5ff14; }
.site-footer { background:#0b0f12; border-top:1px solid #555e66; }
.footer-main nav a,.footer-main>div>p,.footer-bottom p { color:#bec5cb; }
.faq-list details { border-color:var(--line); }
.retailer-form input,.retailer-form textarea { background:var(--paper); border-radius:0; }
@media(max-width:760px) {
 .header-inner { height:auto; min-height:70px; }
 .site-header nav { background:var(--paper); }
 .hero:has(.primary-logo-stage) { padding-top:16px; gap:12px; }
 .hero .primary-logo-stage { padding-block:12px; }
 .section { padding-block:64px; }
 .gardener-section { margin-top:36px; }
}

/* Header and footer both follow the device appearance with the same silver finish. */
.site-footer { background:var(--material); color:var(--ink); border-top:1px solid var(--line); box-shadow:inset 0 1px 0 var(--edge); }
.footer-main nav a,.footer-main>div>p,.footer-bottom p { color:var(--muted); }
.footer-main nav a:hover { color:var(--accent-text); }
.footer-bottom { border-color:var(--line); }

.footer-main nav h2,.footer-bottom a { color:var(--ink); }

/* Balance the header logo with the app entry at the opposite edge. */
@media(min-width:761px) {
 .site-header nav { flex:1; min-width:0; }
 .site-header nav .header-app { margin-left:auto; }
}

/* Owner-requested sizing applies only to the hero app entry. */
.hero [data-destination="smart-app"] { transform:scale(1.5); transform-origin:center; margin-block:13px; }
@media(max-width:760px) {
 .hero .button-row { justify-content:center; }
 .hero [data-destination="smart-app"] { transform:scale(.5); margin-inline:auto; margin-block:0; }
}

.gardener-intro>.button { width:80%; justify-content:center; }

.gardener-intro>.button { display:flex; margin-inline:auto; }

/* Both principal entry buttons share the same proportions and type sizing. */
.hero [data-destination="smart-app"],.gardener-intro>.button {
 transform:none; min-height:52px; padding:14px 22px;
 font-size:.84rem; line-height:1.4; justify-content:center;
 display:flex; margin:12px auto 0;
}

/* Preserve the owner-approved measured size without reading another section. */
.hero [data-destination="smart-app"] {
 width:219.5px; max-width:100%; min-height:52px; transform:none;
 margin-inline:auto;
}

/* Evenly distribute navigation within the space beside the wordmark. */
@media(min-width:761px) {
 .site-header nav { justify-content:space-between; gap:16px; }
 .site-header nav .header-app { margin-left:0; }
}

/* Approved young plant asset frames each Gardener benefit label. */
.gardener-benefits .benefit-label { display:inline-flex; align-items:center; gap:10px; }
.gardener-benefits .benefit-label img { width:26px; height:26px; object-fit:contain; flex:0 0 26px; }

.farmer-teaser { text-align:center; }

.farmer-teaser .farmer-teaser-heading { display:flex; justify-content:center; align-items:center; gap:14px; }
.farmer-teaser-heading img { width:30px; height:30px; flex:0 0 30px; object-fit:contain; }
.farmer-teaser-heading span { min-width:0; }
@media(max-width:420px) { .farmer-teaser .farmer-teaser-heading { gap:8px; } }
.farmer-teaser-plants { display:inline-flex; gap:4px; flex:0 0 auto; }
@media(max-width:420px) { .farmer-teaser-plants { gap:2px; } .farmer-teaser-plants img { width:22px; height:22px; flex-basis:22px; } }

/* Recolor only the tagline's original alpha silhouette; preserve the source artwork. */
.primary-logo-with-tagline { display:block; position:relative; }
.primary-logo-with-tagline>img { width:100%; height:auto; }
.primary-logo-with-tagline:after {
 content:""; position:absolute; inset:0; pointer-events:none;
 background:#00d5ff; clip-path:inset(70% 0 0 0);
 mask:url('assets/jane-primary-transparent.webp') center / 100% 100% no-repeat;
 -webkit-mask:url('assets/jane-primary-transparent.webp') center / 100% 100% no-repeat;
}
[data-theme="light"] .primary-logo-with-tagline:after { background:#007891; }

/* Owner-requested heavier reading weight for review across both appearances. */
body { font-weight:500; }
.hero-description,.section-intro,.meet-copy p,.steps p,
.brand-section-heading p,.fine-print,.availability,
.gardener-intro>p:not(.eyebrow),.gardener-benefits article p,
.gardener-price,.farmer-teaser,.plan-top>p,.plan li,.price span,
.download-section p,.platform-link small,.faq-list p,
.updates-section p,.page-lead,.page-body p,.page-body li,
.footer-main nav a,.footer-main>div>p,.footer-bottom p {
 font-weight:550;
}
.site-header nav a,.principles li,.button,.header-app { font-weight:650; }

.gardener-intro>.gardener-app-logo { width:min(180px,60%); height:auto; margin:24px auto 0; }

/* Buttons share the pricing cards' subtle 4px corner radius. */
.button,.header-app,.menu-toggle,.platform-link,.social-links>a { border-radius:4px; }

.hero-purpose { font-size:clamp(.85rem,1.4vw,1rem); line-height:1.6; color:var(--ink); max-width:540px; margin:0 auto 18px; }

/* Social handle sits centered beneath the three profile buttons. */
.social-links { display:flex; flex-wrap:wrap; justify-content:center; width:max-content; max-width:100%; }
.social-links .social-note { flex:0 0 100%; width:100%; text-align:center; margin:0; }

/* Shared website material: upper-left reflection, shaded lower edge, quiet depth. */
:root {
 --site-surface:radial-gradient(ellipse at 0% -35%,#dcefff16,transparent 70%),linear-gradient(125deg,#242d33,#192228 55%,#10171c);
 --site-control:radial-gradient(ellipse at 0% -40%,#e4f3ff22,transparent 72%),linear-gradient(120deg,#303b43,#202b32 55%,#141d23);
 --site-rim:inset 0 1px 1px #ffffff24,inset 1px 0 0 #ffffff08,inset 0 -1px 2px #0009;
 --site-shadow:0 6px 15px #0004;
 --site-primary:radial-gradient(ellipse at 8% -50%,#e5fbffb3,transparent 68%),linear-gradient(180deg,#ffffff30,transparent 24%,transparent 68%,#00566c45),linear-gradient(115deg,#39dfff,#00c9ef 55%,#00a6cf);
 --site-primary-rim:inset 0 2px 2px #edfcff99,inset 0 -2px 4px #00526866;
}
:root[data-theme="light"] {
 --site-surface:radial-gradient(ellipse at 0% -35%,#fff,transparent 70%),linear-gradient(125deg,#f0f5f8,#e0e8ed 55%,#cbd7df);
 --site-control:radial-gradient(ellipse at 0% -40%,#fff,transparent 72%),linear-gradient(120deg,#f7fafc,#e2ebf0 55%,#c4d2dc);
 --site-rim:inset 0 1px 1px #fff,inset 1px 0 0 #ffffff55,inset 0 -1px 2px #52687944;
 --site-shadow:0 6px 15px #18384f20;
}
.site-header,.site-footer {
 background:var(--site-surface);box-shadow:var(--site-rim),0 3px 10px #0002;
}
.product-stage,.gardener-section,.download-section,.updates-section,.plan,.plan-featured,.notice-panel {
 background:var(--site-surface);box-shadow:var(--site-rim),var(--site-shadow);
}
.button.secondary,.header-app,.menu-toggle,.platform-link,.social-links>a,.plan-selector label {
 background:var(--site-control);box-shadow:var(--site-rim),0 3px 7px #0003;
}
.button.primary,.download-section .button.primary {
 background:var(--site-primary);color:#05212b;
 border-color:#4ae3ff;border-top-color:#b8f3ff;border-bottom-color:#00839f;
 box-shadow:var(--site-primary-rim),0 4px 10px #0004;
}
.button.primary:hover,.download-section .button.primary:hover {
 background:var(--site-primary);box-shadow:var(--site-primary-rim),0 0 14px #00d5ff22,0 5px 12px #0005;
 filter:brightness(1.06);
}
.button.secondary:hover,.header-app:hover,.menu-toggle:hover,.platform-link:hover,.social-links>a:hover {
 background:var(--site-control);border-color:var(--cyan);box-shadow:var(--site-rim),0 4px 10px #0004;
}
.button:active:not(:disabled),.header-app:active,.menu-toggle:active,.platform-link:active,.social-links>a:active {
 box-shadow:inset 0 3px 7px #0005,inset 0 -1px 0 #ffffff20;filter:brightness(.97);
}
.retailer-form input,.retailer-form textarea {
 background:linear-gradient(135deg,#0002,transparent),var(--paper);
 border-color:var(--line);box-shadow:inset 0 2px 5px #0003,0 1px 0 #ffffff12;
}
@media(max-width:760px) { .site-header nav { background:var(--site-surface);box-shadow:var(--site-rim),var(--site-shadow); } }

/* Contact and privacy request forms share the website material and type. */
.contact-form { max-width:760px; margin:28px 0; padding:24px; border:1px solid var(--line); border-radius:4px; background:var(--site-surface);box-shadow:var(--site-rim),var(--site-shadow); }
.contact-form label { display:block; font-weight:650; margin:16px 0 7px; }
.contact-form label span,.contact-form .form-help { color:var(--muted);font-size:.9rem;font-weight:500; }
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea { width:100%;min-height:46px;padding:12px;font:inherit;color:var(--ink);background:linear-gradient(135deg,#0002,transparent),var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 2px 5px #0003; }
.contact-form select option { color:var(--ink);background:var(--paper); }
.contact-form textarea { resize:vertical; }
.contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.contact-form .request-confirmation { display:flex;align-items:flex-start;gap:12px;font-weight:500; }
.contact-form input[type="checkbox"] { min-width:24px;min-height:24px;accent-color:var(--cyan); }
.contact-form [hidden] { display:none!important; }
.contact-form .contact-trap { position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; }
.contact-form [data-request-status] { overflow-wrap:anywhere; }
.contact-form [data-request-preview] { border-top:1px solid var(--line);padding-top:20px;overflow-wrap:anywhere; }
.contact-form [data-request-preview] p { white-space:pre-wrap; }
@media(max-width:600px) { .contact-grid { grid-template-columns:1fr;gap:0; }.contact-form { padding:16px; } }

.privacy-storage-list { max-width:800px; }
.privacy-storage-list dt { font-weight:650;color:var(--ink);margin-top:20px; }
.privacy-storage-list dd { margin:7px 0 20px;color:var(--muted);line-height:1.65; }
[data-privacy-settings] .button-row { flex-wrap:wrap; }
[data-privacy-settings] .button { white-space:normal;text-align:center;min-height:44px; }

.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }

.supported-brand{margin:28px 0;padding-top:8px}.supported-brand dt{margin-top:14px}.supported-brand dd{margin:4px 0 0;overflow-wrap:anywhere}