/* Tetova: forest green identity, readable product stories, and guided demos. */
:root { --tetova-forest:#17663a; --tetova-forest-dark:#12522e; --tetova-accent:#dcebcf; }
.platform-site .brand-mark { filter:none; }
.platform-site .brand-mark rect,.platform-site .r-app-logo rect { fill:var(--tetova-forest); }
.platform-site .btn-primary { background:var(--tetova-forest); border-color:var(--tetova-forest); }
.platform-site .btn-primary:hover { background:var(--tetova-forest-dark); border-color:var(--tetova-forest-dark); }
.platform-site .r-app-logo { background:var(--tetova-forest); }
.platform-site .r-kicker { font-size:.75rem; }
.platform-site .r-small,.platform-site .r-demo-caption { font-size:.8125rem; }
.platform-site .r-text-link,.platform-site .hero-ctas .btn { font-size:.875rem; }
.platform-site .outcome-card p,.platform-site .catalog-products p { font-size:1rem; }
.platform-site .outcome-links a,.platform-site .nav-menu-panel small { font-size:.875rem; }
/* Nav dropdowns: wider panels so subtext fits on one line, cleaner spacing */
.platform-site .nav-menu-panel { width:max-content; min-width:260px; max-width:400px; padding:.5rem; }
.platform-site .main-nav .nav-menu-panel a:not(.btn) { padding:.7rem .95rem; }
.platform-site .main-nav .nav-menu-panel small { white-space:nowrap; margin-top:.25rem; }
/* Demo reason picker: custom-styled select with brand chevron + focus ring */
.platform-site .demo-field select,.platform-site .demo-fields select {
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:2.6rem;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317663a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat; background-position:right .95rem center; background-size:1rem;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.platform-site .demo-field select:hover,.platform-site .demo-fields select:hover { border-color:#7f9a86; }
.platform-site .demo-field select:focus-visible,.platform-site .demo-fields select:focus-visible {
  outline:none; border-color:#17663a; box-shadow:0 0 0 3px rgba(23,102,58,.18);
}
/* Contrast fixes: the global .returns-page dark text color bled into dark/inverted
   components (green CTA band, navy phone card), and the blanket .btn-primary green
   override broke the CTA's inverted white button. Restore high-contrast treatments. */
.platform-site .cta-band { background:linear-gradient(135deg,#0f3d24,#14532d 55%,#1c6b3f); }
.platform-site .cta-band p { color:rgba(255,255,255,.92); }
.platform-site .cta-band .btn-primary { background:#fff; color:#14532d; border-color:#fff; }
.platform-site .cta-band .btn-primary:hover { background:var(--tetova-accent); border-color:var(--tetova-accent); color:#14532d; }
.platform-site .phone-card p { color:#e2e8f0; }
.platform-site .journey-board { color:#163c2c; }
.platform-site .r-dark .journey-board strong { color:#163c2c; }
.platform-site .r-dark .journey-board small,.platform-site .r-dark .journey-board span { color:#526456; }
.platform-site .journey-step strong { font-size:1rem; line-height:1.5; }
.platform-site .journey-step small,.platform-site .journey-step>span { font-size:.75rem; }
.home-hero .r-hero-grid { gap:3rem; }
.home-hero h1 { font-size:clamp(3rem,4.8vw,4.5rem); }
.story-console { overflow:hidden; background:white; border:1px solid #d7e1d7; border-radius:16px; box-shadow:0 24px 70px #163c2c12; }
.story-console .r-console-top { flex-wrap:wrap; font-size:.875rem; }
.story-console .r-tag { margin-left:auto; font-size:.75rem; }
.story-product { display:flex; align-items:center; gap:1.25rem; padding:1.5rem; }
.story-product img { object-fit:cover; border-radius:10px; background:#eef2e8; flex-shrink:0; }
.story-product small { font-size:.75rem; color:#5b6d63; letter-spacing:.04em; }
.story-product h3 { font-family:var(--font-display); font-size:1.8rem; margin:.5rem 0; line-height:1.15; }
.story-product p { margin:0; font-size:.875rem; }
.story-steps { list-style:none; margin:0; padding:0 1.5rem 1rem; }
.story-steps li { display:flex; gap:1rem; align-items:flex-start; padding:1rem 0; border-top:1px solid #e2e8de; }
.story-steps b { display:grid; place-items:center; width:2rem; height:2rem; flex:0 0 auto; background:#e9f2e3; border-radius:50%; font-size:.75rem; }
.story-steps strong,.story-steps span { display:block; }
.story-steps strong { font-size:.9375rem; }
.story-steps span { font-size:.875rem; color:#5b6d63; margin-top:.3rem; line-height:1.5; }
.story-cta { display:flex; justify-content:space-between; gap:1rem; background:#163c2c; color:#fff; padding:1.25rem 1.5rem; font-weight:600; text-decoration:none; }
.story-cta:hover { background:#24563f; color:#fff; }
.story-console .story-caption { margin:0; text-align:center; padding:.75rem; font-size:.75rem; }
.friction-strip { padding:2rem 0; border-block:1px solid #d7e1d7; background:#eff3e9; }
.friction-strip .container { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:center; gap:2rem; }
.friction-strip p { margin:0; font-size:1rem; }
.friction-strip strong { color:#163c2c; }
.managed-card { background:#fff; padding:2rem; border:1px solid #d7e1d7; border-radius:14px; }
.managed-card h3 { font:600 2.7rem var(--font-display); }
.managed-card h3 span { font:400 1rem var(--font); }
.managed-card p { font-size:.875rem; }
.managed-card .r-checks li { font-size:1rem; }
.connection-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.connection-example { padding:1.75rem; border:1px solid #d7e1d7; border-radius:12px; background:white; }
.connection-example h3 { font:600 1.5rem/1.2 var(--font-display); margin:1.25rem 0; }
.connection-example p { font-size:1rem; }
.availability { display:inline-block; font-size:.75rem; line-height:1.5; padding:.3rem .6rem; background:#edf2e7; color:#31553c; border-radius:5px; }
.availability.planned { background:#f7efdf; color:#73531d; }
.catalog-facts { margin:0; }
.catalog-facts div { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid #d7e1d7; }
.catalog-facts dt { color:#5b6d63; }
.catalog-facts dd { margin:0; font-weight:600; text-align:right; }
.catalog-note { padding:1.5rem; background:#eff3e9; border-radius:10px; margin-top:2rem; }
.platform-site .catalog-note p { margin-bottom:0; font-size:1rem; }
@media(max-width:900px){.friction-strip .container{grid-template-columns:1fr 1.5fr}.friction-strip a{grid-column:1/-1}.connection-examples{grid-template-columns:1fr}.home-hero .r-hero-grid{gap:2rem}}
@media(max-width:760px){.friction-strip .container{grid-template-columns:1fr;gap:1rem}.story-product{padding:1.25rem;gap:1rem}.story-product h3{font-size:1.6rem}.story-steps{padding-inline:1.25rem}.managed-card{padding:1.5rem}.story-console .r-tag{margin-left:0}.catalog-facts div{flex-wrap:wrap}.catalog-facts dd{text-align:left}}
/* Customer-to-warehouse simulation */
.demo-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:end}
.demo-mode-switch{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
.demo-mode-switch button{background:transparent;border:1px solid #8fa997;color:#f1f5e8;border-radius:8px;padding:.8rem 1.1rem;font:600 .9375rem var(--font);cursor:pointer}
.demo-mode-switch button[aria-pressed=true]{background:#e9f2e3;color:#163c2c;border-color:#e9f2e3}
.connected-demo{display:grid;grid-template-columns:235px minmax(0,1fr);margin-top:1.25rem;background:#fff;border:1px solid #d7e1d7;border-radius:14px;overflow:hidden;color:#163c2c;box-shadow:0 25px 60px #071c2226}
.demo-rail{padding:1.75rem 1.25rem;background:#eef3e9;border-right:1px solid #d7e1d7;display:flex;flex-direction:column}
.demo-eyebrow{display:block;color:#526c5b;font-size:.75rem;font-weight:700;letter-spacing:.09em;line-height:1.6;margin-bottom:.8rem}
.demo-rail>strong{font:600 1.5rem var(--font-display)}
.demo-rail ol{list-style:none;margin:2rem 0;padding:0}
.demo-rail li{display:flex;align-items:center;gap:.7rem;padding:1rem 0;color:#617866;font-size:.875rem}
.demo-rail li b{display:grid;place-items:center;flex:0 0 1.9rem;height:1.9rem;border:1px solid #afc1a8;border-radius:50%;font-size:.75rem}
.demo-rail li[aria-current=step]{color:#163c2c;font-weight:700}
.demo-rail li[aria-current=step] b,.demo-rail li.done b{background:#163c2c;color:#fff;border-color:#163c2c}
.platform-site .demo-rail>p{color:#526456;font-size:.8125rem;margin-top:auto}
.demo-rail .btn{font-size:.875rem;padding:.65rem}
.demo-screen{min-width:0;padding:2rem;min-height:540px;display:flex;flex-direction:column;align-items:stretch;gap:0}
.demo-screen>h3{font:600 clamp(1.65rem,2.4vw,2.2rem)/1.2 var(--font-display);margin:0 0 1rem;letter-spacing:-.025em}
.platform-site .demo-screen p{color:#526456;font-size:1rem;line-height:1.6}
.demo-screen small{font-size:.75rem;color:#526456;line-height:1.5}
.demo-product{display:flex;align-items:center;gap:1.25rem;padding:1.1rem;margin:0 0 1.5rem;background:#f3f6ef;border-radius:10px}
.demo-product img{object-fit:cover;flex-shrink:0;border-radius:7px;background:#e6edde}
.demo-product h3{font:600 1.4rem/1.25 var(--font-display);margin:.35rem 0}
.platform-site .demo-product p{font-size:.875rem;margin:0}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.demo-fields label,.demo-field{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:600}
.demo-fields input,.demo-field input,.demo-field select{width:100%;min-width:0;padding:.8rem;border:1px solid #aebbaf;border-radius:7px;background:white;color:#163c2c;font:400 1rem var(--font)}
.demo-fields input[readonly]{background:#f5f7f0}
.demo-options{border:0;padding:0;margin:1.25rem 0 1.5rem}
.demo-options legend{font-size:.875rem;font-weight:600;margin-bottom:.5rem}
.demo-options label{display:flex;align-items:center;gap:.85rem;border:1px solid #bfcdb9;border-radius:9px;padding:1rem;margin:.6rem 0;cursor:pointer}
.demo-options label:has(input:checked){background:#eff5e9;border-color:#47764c;box-shadow:inset 0 0 0 1px #47764c}
.demo-options input{accent-color:#163c2c;width:18px;height:18px;flex-shrink:0}
.demo-options strong,.demo-options small{display:block}
.demo-options strong{font-size:1rem}.demo-options small{margin-top:.3rem;font-size:.875rem}
.demo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;align-items:center}
.demo-screen .btn{font-size:.9375rem;white-space:normal;line-height:1.5;text-align:center;min-height:44px}
.platform-site .demo-screen .demo-footnote{font-size:.8125rem;line-height:1.6;margin:1rem 0}
.demo-details{margin:0 0 1rem}
.demo-details>div{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid #d7e1d7;font-size:.9375rem}
.demo-details dt{color:#526456}.demo-details dd{margin:0;font-weight:600}
.demo-label-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1.5rem;align-items:start}
.demo-label{width:100%;height:585px;border:1px solid #b8c3b5;border-radius:5px;background:white}
.demo-label-layout .r-text-link{margin-top:1rem}
.demo-condition-grid{display:flex;flex-wrap:wrap;gap:.7rem}
.demo-shelf{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;border:1px solid #c4d1bc;border-radius:9px;background:#eff3e9;margin:1rem 0}
.demo-shelf span{font:600 1.25rem monospace}
.demo-outcomes{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}
.demo-outcomes article{padding:1rem 1.25rem;border:1px solid #d7e1d7;border-radius:8px;background:#f8faf4}
.demo-outcomes strong{display:block;margin:.4rem 0;font-size:1.05rem}
.platform-site .demo-outcomes p{font-size:.875rem;margin:0}
.platform-site .demo-notice{padding:1rem;border-radius:8px;background:#eff3e9;color:#36563f;font-size:.9375rem;line-height:1.6;margin:1rem 0}
.platform-site .demo-screen .demo-error{color:#8b2b23}
.platform-site .demo-screen .demo-error:empty{display:none}
.demo-pick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 1.25rem}
.demo-pick-stats>div{padding:1rem;background:#eff3e9;border-radius:8px}
.demo-pick-stats strong{display:block;font-size:1.25rem;margin-top:.4rem}
.demo-totes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.25rem}
.demo-totes button{border:1px solid #adc0a5;background:white;min-height:80px;border-radius:8px;padding:.5rem;font:600 .9375rem var(--font);color:#163c2c;cursor:pointer}
.demo-totes button small{display:block;font-size:.75rem;margin-top:.4rem}
.demo-totes .assigned{background:#e4efd9;border:2px solid #426b34}
.demo-screen button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.demo-conversation>div{padding:1.25rem;border:1px solid #c9d8c1;background:#eff5e8;border-radius:10px;margin:1rem 0}
.platform-site .demo-conversation p{margin:.5rem 0 0}
@media(max-width:1000px){.connected-demo{grid-template-columns:200px minmax(0,1fr)}.demo-screen{padding:1.5rem}.demo-label-layout{grid-template-columns:1fr}.demo-label{max-width:310px}.demo-label-layout>div{max-width:100%}}
@media(max-width:760px){.demo-intro,.connected-demo{grid-template-columns:1fr}.demo-intro{gap:1rem}.demo-rail{border-right:0;border-bottom:1px solid #d7e1d7;padding:1rem 1.25rem}.demo-rail>strong{font-size:1.25rem}.demo-rail ol{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.demo-rail li{display:flex;flex-direction:column;align-items:flex-start;font-size:.75rem;gap:.5rem;padding:0}.demo-rail li b{flex-basis:auto;width:1.8rem}.demo-rail>p{display:none}.demo-rail>.btn{align-self:flex-start}.demo-screen{padding:1.25rem;min-height:450px}.demo-fields{grid-template-columns:1fr}.demo-product{padding:.8rem;gap:.85rem}.demo-product h3{font-size:1.25rem}.demo-details>div{grid-template-columns:1fr;gap:.3rem}.demo-shelf{padding:1rem}.demo-shelf span{font-size:1rem}.demo-mode-switch button{padding:.7rem .8rem;font-size:.875rem}.demo-pick-stats>div{padding:.65rem}.demo-pick-stats strong{font-size:1rem}.demo-pick-stats small{font-size:.6875rem}.demo-totes{grid-template-columns:repeat(2,1fr)}.demo-actions>.btn{width:100%}.demo-label{height:585px}.demo-screen form>.btn{width:100%}}