/* V3 brand refinement. Layers: content 0, product 2, header 20, mobile menu 21,
   inherited dialogs 80/top layer. All new colors are semantic tokens. */
:root {
  --v3-bg: #f5f8f7;
  --v3-surface: #fcfdfc;
  --v3-soft: #e9f1ed;
  --v3-ink: #163e33;
  --v3-muted: #49645b;
  --v3-accent: #256954;
  --v3-line: #d8e5df;
  --v3-ease: cubic-bezier(.16,1,.3,1);
}
body.v3-site {
  --paper: var(--v3-bg); --paper-deep: var(--v3-soft); --white: var(--v3-surface);
  --ink: var(--v3-ink); --muted: var(--v3-muted); --forest: #1f5443;
  --accent-text: var(--v3-accent); --line: var(--v3-line);
  background: var(--v3-bg); color: var(--v3-ink);
  font-family: 'PingFang SC','Microsoft YaHei',sans-serif;
  text-rendering: optimizeLegibility;
}
body.v3-site ::selection { background: #b0dacb; color: #123e30; }
body.v3-site :is(input,textarea) { caret-color: var(--v3-accent); }
body.v3-site :is(a,button,select,summary):focus-visible {outline: 3px solid var(--v3-accent);outline-offset: 5px;}
body.v3-site :is(h1,h2,h3) {text-wrap: balance; letter-spacing: -.025em;}
body.v3-site :is(p,figcaption) {text-wrap: pretty;}
.v3-skip-link {position:fixed;left:20px;top:-100px;z-index:80;background:var(--v3-surface);color:var(--v3-ink);padding:14px 20px;border-radius:8px;}
.v3-skip-link:focus {top:100px;}
.v3-sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

body.v3-site .site-header {
  width:min(1320px,calc(100% - 64px));top:20px;padding:12px 22px;
  background:rgba(252,253,252,.94);border:0;border-radius:14px;
  box-shadow:0 10px 30px rgba(19,62,47,.09);color:var(--v3-ink);
  grid-template-columns:210px 1fr auto;gap:16px;
}
body.v3-site .brand-logo {width:36px;height:36px;}
body.v3-site .brand-wordmark strong {font-size:17px;letter-spacing:.03em;}
body.v3-site .nav-links {gap:23px;font-size:13px;}
body.v3-site .nav-links>a {position:relative;min-height:44px;display:flex;align-items:center;}
body.v3-site .nav-links>a::after {content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--v3-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--v3-ease);}
body.v3-site .nav-links>a:is(:hover,[aria-current])::after {transform:scaleX(1);}
body.v3-site :is(.header-cta,.lang-toggle,.menu-toggle) {min-height:44px;border-radius:8px;}
body.v3-site .header-cta {background:var(--v3-accent);color:#f6fcf9;}
body.v3-site .header-cta:hover {background:#1a4f3e;}
body.v3-site .lang-toggle {border:1px solid var(--v3-line);color:var(--v3-ink);}

body.v3-site .hero {
  isolation:isolate;display:flex;align-items:center;min-height:690px;
  height:min(820px,90dvh);padding:96px max(40px,calc((100vw - 1280px)/2)) 36px;
  background:var(--v3-soft);overflow:hidden;
}
body.v3-site .hero-image {left:44%;width:56%;object-position:57% center;z-index:-2;}
body.v3-site .hero-overlay {background:linear-gradient(90deg,var(--v3-soft) 0%,var(--v3-soft) 39%,rgba(233,241,237,.98) 43%,rgba(233,241,237,.5) 51%,rgba(233,241,237,0) 67%);z-index:-1;}
body.v3-site .hero-content {width:49%;max-width:650px;position:relative;padding:0 28px 0 0;}
body.v3-site .hero .eyebrow {display:none;}
body.v3-site .hero h1 {font-family:inherit;color:var(--v3-ink);font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1.22;width:auto;max-width:7em;white-space:normal;overflow:visible;word-break:normal;margin:0;letter-spacing:-.035em;}
html[lang=en] body.v3-site .hero h1 {font-size:clamp(38px,3.5vw,50px);max-width:12em;line-height:1.2;text-wrap:balance;}
body.v3-site .hero-copy {font-family:inherit;color:var(--v3-muted);max-width:32em;font-size:16px;line-height:1.95;margin:28px 0 0;}
body.v3-site .hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
body.v3-site .hero .button {min-height:48px;border-radius:8px;font-size:14px;padding:0 21px;transition:background .25s,transform .35s var(--v3-ease);}
body.v3-site .hero .button.primary {background:var(--v3-accent);border-color:var(--v3-accent);color:#f9fcfa;}
body.v3-site .hero .button.secondary {background:transparent;color:var(--v3-ink);border:1px solid #a4beb2;}
body.v3-site .hero .button.primary:hover {background:#1c503e;}
body.v3-site .hero .button.secondary:hover {background:rgba(252,253,252,.7);}
body.v3-site .hero .button[data-contact-modal-open] {flex-basis:auto;min-height:44px;border:0;padding:2px 0;margin-right:35%;border-radius:0;border-bottom:1px solid #95b5a6;background:transparent;}
.v3-hero-product {position:absolute;right:max(38px,calc((100vw - 1280px)/2));bottom:35px;width:230px;height:220px;background:rgba(249,252,250,.96);border-radius:14px;box-shadow:0 16px 45px rgba(13,50,32,.14);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;color:#234c3d;}
.v3-hero-product img {width:150px;height:160px;object-fit:contain;mix-blend-mode:multiply;}
.v3-hero-product span {font-size:12px;letter-spacing:.025em;}

.v3-system-overview {display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.45fr);align-items:center;gap:48px;padding:64px max(40px,calc((100vw - 1280px)/2));background:var(--v3-surface);min-height:300px;}
.v3-overview-copy h2 {font-size:clamp(25px,2.3vw,34px);font-weight:600;line-height:1.35;color:var(--v3-ink);margin:0;}
.v3-blur-title {margin:0!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;}
.v3-overview-copy>p {font-size:12px;color:var(--v3-muted);line-height:1.7;margin:18px 0 14px;max-width:30em;}
.v3-animation-toggle {border:0;background:transparent;color:var(--v3-accent);font-size:12px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:5px;cursor:pointer;}
.v3-system-diagram {position:relative;display:grid;grid-template-columns:1.05fr 1.15fr 1fr 1fr;align-items:center;gap:46px;height:180px;isolation:isolate;}
.v3-diagram-inputs {display:flex;flex-direction:column;gap:42px;}
.v3-node {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;color:var(--v3-ink);font-size:12px;font-weight:500;background:var(--v3-surface);padding:12px 8px;border-radius:10px;text-align:center;}
.v3-node img {width:68px;height:55px;object-fit:cover;border-radius:5px;}
.v3-node-host {background:var(--v3-soft);padding:8px;}
.v3-node-host img {object-fit:contain;width:80px;height:80px;mix-blend-mode:multiply;}
.v3-node-small {border:1px solid var(--v3-line);padding:10px 8px;min-height:44px;}
.v3-beam-svg,.v3-static-connections {position:absolute;inset:0;pointer-events:none;z-index:0;width:100%;height:100%;}
.v3-static-connections path {fill:none;stroke:var(--v3-accent);stroke-opacity:.28;stroke-width:2;}
.v3-overview-fallback {color:var(--v3-muted);font-size:15px;line-height:2;}

body.v3-site .section {padding-block:100px;}
body.v3-site .editorial-section {--editorial-paper:var(--v3-bg);--editorial-ink:var(--v3-ink);--editorial-muted:var(--v3-muted);background:var(--v3-bg);padding:104px max(40px,calc((100vw - 1280px)/2));}
body.v3-site .editorial-section :is(h2,h3,h4) {font-family:inherit;font-weight:600;letter-spacing:-.025em;}
body.v3-site .editorial-section h2 {font-size:clamp(32px,3.25vw,46px);line-height:1.35;}
body.v3-site .editorial-section h3 {font-size:clamp(25px,2.35vw,33px);line-height:1.4;}
body.v3-site .editorial-section p {color:var(--v3-muted);font-family:inherit;line-height:1.9;}
body.v3-site :is(.editorial-label,.section>.section-heading>.eyebrow) {display:none;}
body.v3-site .editorial-lead {max-width:39em;margin-top:24px;}
body.v3-site .editorial-opening {grid-template-columns:1fr 1.18fr;gap:70px;}
body.v3-site .phone-scene::before {background-image:linear-gradient(#eef1e07d,#eef1e070),url('./assets/garden-living-640.webp');}
body.v3-site .custom-stage-original {background-image:url('./assets/v3/custom-background.webp');}
body.v3-site .rd-product-original {border-radius:16px;background:var(--v3-soft);}
body.v3-site .rd-product-original img {height:440px;object-fit:contain;padding:30px;mix-blend-mode:multiply;}
body.v3-site :is(.editorial-photo img,.rd-detail,.custom-stage) {border-radius:12px;}
body.v3-site .editorial-caption {color:var(--v3-muted);font-size:12px;}
body.v3-site .editorial-tablist {background:var(--v3-soft);border:0;padding:5px;border-radius:10px;gap:4px;}
body.v3-site .editorial-tablist button {color:var(--v3-muted);min-height:44px;border-radius:7px;padding:10px 18px;opacity:1;}
body.v3-site .editorial-tablist button[aria-selected=true] {background:var(--v3-surface);color:var(--v3-ink);box-shadow:0 4px 12px rgba(25,73,53,.06);}
body.v3-site .editorial-link {color:var(--v3-accent);min-height:44px;transition:color .2s;}
body.v3-site .editorial-link:hover {color:var(--v3-ink);}
body.v3-site .control-story,body.v3-site .customization,body.v3-site .companion-products,body.v3-site .indoor-products {background:var(--v3-surface);}
body.v3-site .oil-chapters {border-color:var(--v3-line);}
body.v3-site .oil-chapters a {min-height:44px;color:var(--v3-accent);display:inline-flex;align-items:center;}
body.v3-site .website-system-demo {background:var(--v3-soft);}
body.v3-site .system-stage {background:var(--v3-soft);}
body.v3-site .website-system-demo .system-demo-heading .section-note {color:var(--v3-ink);font-family:inherit;font-size:16px;}
body.v3-site .website-system-demo .step-nav {background:#203f34;border-radius:12px;}
body.v3-site .website-system-demo .step-nav button {font-family:inherit;}
body.v3-site .step-copy :is(h2,p) {font-family:inherit;}
body.v3-site .step-copy h2 {font-weight:600;}
body.v3-site .info-panel {background:var(--v3-surface);color:var(--v3-ink);}
body.v3-site .info-panel :is(h2,p,.step-kicker,.step-kicker span) {color:var(--v3-ink);}
body.v3-site .website-system-demo[data-mode="scroll"] .info-panel {background:var(--v3-surface);}
body.v3-site .website-system-demo[data-mode="scroll"] .info-panel :is(h2,p,.step-kicker,.step-kicker span) {color:var(--v3-ink);}
body.v3-site .demo-counter {color:var(--v3-muted);}
body.v3-site :is(.swatch-white,.swatch-graphite) {color:var(--v3-ink);}
body.v3-site .lifestyle {background:var(--v3-bg);}
body.v3-site .scene-list strong {font-family:inherit;}
body.v3-site .models {background:var(--v3-surface);}
body.v3-site .model-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
body.v3-site .model-card-front,body.v3-site .model-card-back {background:var(--v3-soft);border:0;border-radius:14px;}
body.v3-site .model-card img {height:175px;mix-blend-mode:multiply;}
body.v3-site .model-card h3 {font-family:inherit;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.025em;}
body.v3-site .model-selector select {min-height:48px;border-radius:8px;background:var(--v3-bg);color:var(--v3-ink);border:1px solid var(--v3-line);}
body.v3-site .model-note {color:var(--v3-muted);padding:0 max(40px,calc((100vw - 1280px)/2));background:var(--v3-surface);margin:0;padding-bottom:45px;}
body.v3-site .faq {background:var(--v3-surface);}
body.v3-site .faq summary {min-height:52px;color:var(--v3-ink);}
body.v3-site .partner {background:var(--v3-soft);color:var(--v3-ink);}
body.v3-site .partner :is(h2,p) {color:var(--v3-ink);}
body.v3-site .site-footer {background:var(--v3-bg);color:var(--v3-ink);border-top:1px solid var(--v3-line);}
body.v3-site .site-footer :is(p,span,figcaption) {color:var(--v3-muted);}
body.v3-site .contact-heading {font-family:inherit;font-weight:600;}
body.v3-site .footer-contact-row {border-color:var(--v3-line);}
body.v3-site :is(.footer-contact-row button,.contact-modal button) {min-height:44px;}
body.v3-site .editorial-drawer {background:var(--v3-surface);color:var(--v3-ink);}
body.v3-site .drawer-paragraph p {color:var(--v3-muted);}
body.v3-site .drawer-heading h2 {font-family:inherit;}

@media (prefers-color-scheme: dark) {
  :root {--v3-bg:#142d25;--v3-surface:#1b382e;--v3-soft:#244437;--v3-ink:#eff7f2;--v3-muted:#c2d4c9;--v3-accent:#9ad5bd;--v3-line:#446354;}
  body.v3-site .site-header {background:rgba(27,56,46,.95);}
  body.v3-site .hero-overlay {background:linear-gradient(90deg,#244437 0%,#244437 39%,rgba(36,68,55,.98) 43%,rgba(36,68,55,.5) 51%,rgba(36,68,55,0) 67%);}
  body.v3-site .hero .button.primary,body.v3-site .header-cta {color:#153d2c;background:#a0d8bf;}
  body.v3-site .hero .button.primary:hover,body.v3-site .header-cta:hover {background:#b7e6d2;}
  body.v3-site .hero .button.secondary {color:var(--v3-ink);border-color:#8caf9c;}
  body.v3-site .hero .button.secondary:hover {background:#315a47;}
  body.v3-site .rd-product-original img,body.v3-site .model-card img,.v3-node-host img {mix-blend-mode:normal;}
  body.v3-site .footer-qr img {background:#f9fcfa;}
  body.v3-site .editorial-section .editorial-tablist button[aria-selected=true] {color:var(--v3-ink);background:var(--v3-bg);}
}
@media (min-width:1025px) and (max-width:1200px) {
  body.v3-site .site-header {grid-template-columns:175px 1fr auto;gap:10px;padding-inline:16px;}
  body.v3-site .nav-links {gap:12px;font-size:12px;}
  body.v3-site .hero h1 {font-size:56px;}
}
@media (max-width:1024px) {
  body.v3-site .site-header {width:calc(100% - 32px);grid-template-columns:1fr auto;gap:10px;padding:10px 16px;top:12px;}
  body.v3-site .menu-toggle {display:block;border:1px solid var(--v3-line);background:transparent;color:var(--v3-ink);}
  body.v3-site .nav-links {background:var(--v3-surface);color:var(--v3-ink);border-color:var(--v3-line);}
  body.v3-site .nav-links>a {padding:8px 14px;}
  body.v3-site .nav-links>a::after {display:none;}
  body.v3-site .hero h1 {font-size:clamp(40px,5.2vw,56px);}
  body.v3-site .hero-content {width:54%;}
  .v3-hero-product {width:170px;height:180px;right:28px;bottom:30px;}
  .v3-hero-product img {width:125px;height:125px;}
  .v3-system-overview {gap:22px;grid-template-columns:.75fr 1.4fr;padding-inline:32px;}
  .v3-system-diagram {gap:18px;}
  body.v3-site .editorial-opening {gap:36px;}
  body.v3-site .rd-product-original img {height:340px;}
}
@media (max-width:767px) {
  body.v3-site .site-header {top:10px;width:calc(100% - 24px);padding:9px 12px;border-radius:11px;}
  body.v3-site .brand-logo {width:30px;height:30px;}
  body.v3-site .brand-wordmark strong {font-size:13px;}
  body.v3-site .brand-wordmark small {display:none;}
  body.v3-site .brand,body.v3-site .brand-wordmark {min-width:0;}
  html[lang=en] body.v3-site .brand-wordmark strong {max-width:100px;font-size:11px;line-height:1.3;white-space:normal;letter-spacing:0;}
  body.v3-site .header-actions {gap:5px;}
  body.v3-site :is(.header-cta,.menu-toggle,.lang-toggle) {font-size:11px;min-height:44px;padding-inline:10px;}
  body.v3-site .hero {height:auto;min-height:0;padding:118px 24px 290px;align-items:flex-start;}
  body.v3-site .hero-content {width:100%;padding:0;max-width:none;}
  body.v3-site .hero h1 {font-size:36px;line-height:1.3;max-width:none;}
  html[lang=en] body.v3-site .hero h1 {font-size:32px;max-width:12em;}
  body.v3-site .hero-copy {font-size:14px;line-height:1.9;margin-top:20px;max-width:35em;}
  body.v3-site .hero-actions {margin-top:23px;gap:10px;}
  body.v3-site .hero .button {min-height:44px;padding-inline:16px;font-size:12px;}
  body.v3-site .hero .button[data-contact-modal-open] {margin-right:40%;min-height:44px;}
  body.v3-site .hero-image {left:0;top:auto;bottom:0;width:100%;height:300px;object-position:60% 67%;}
  body.v3-site .hero-overlay {background:linear-gradient(180deg,var(--v3-soft) 0%,var(--v3-soft) 48%,transparent 77%);}
  .v3-hero-product {right:18px;bottom:22px;width:136px;height:145px;padding:8px;border-radius:10px;}
  .v3-hero-product img {width:100px;height:105px;}
  .v3-hero-product span {font-size:9px;}
  .v3-system-overview {grid-template-columns:1fr;padding:44px 24px 32px;gap:14px;min-height:0;}
  .v3-overview-copy h2 {font-size:25px;}
  .v3-overview-copy>p {max-width:none;font-size:11px;margin:14px 0 0;}
  .v3-system-diagram {height:170px;gap:12px;grid-template-columns:1.05fr 1.1fr .95fr .95fr;}
  .v3-node {font-size:10px;padding:8px 3px;gap:7px;}
  .v3-node img {width:45px;height:40px;}
  .v3-node-host img {width:58px;height:58px;}
  .v3-node-small {padding:8px 4px;}
  .v3-diagram-inputs {gap:40px;}
  .v3-animation-toggle {font-size:11px;}
  body.v3-site .section,body.v3-site .editorial-section {padding:64px 24px;}
  body.v3-site .editorial-section h2 {font-size:30px;line-height:1.4;}
  body.v3-site .editorial-section h3 {font-size:24px;}
  body.v3-site .editorial-section p {font-size:14px;}
  body.v3-site .editorial-opening {grid-template-columns:1fr;gap:30px;}
  body.v3-site .rd-product-original img {height:300px;padding:22px;}
  body.v3-site .editorial-tablist button {font-size:12px;padding:9px 11px;}
  body.v3-site .model-grid {grid-template-columns:1fr;gap:16px;}
  body.v3-site .model-card img {height:150px;}
  body.v3-site .model-note {padding:0 24px 32px;font-size:12px;}
  body.v3-site .website-system-demo .system-demo-heading .section-note {font-size:12px;}
}
@media (max-width:374px) {
  body.v3-site .site-header {padding-inline:8px;gap:5px;}
  body.v3-site .brand {gap:5px;}
  body.v3-site .brand-logo {width:25px;height:25px;}
  body.v3-site .brand-wordmark strong {font-size:12px;}
  body.v3-site :is(.header-cta,.menu-toggle,.lang-toggle) {padding-inline:8px;font-size:10px;}
  body.v3-site .hero {padding-inline:20px;}
  body.v3-site .hero h1 {font-size:31px;}
}
@media (prefers-reduced-motion: reduce) {
  body.v3-site *,body.v3-site *::before,body.v3-site *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  body.v3-site .v3-blur-title span {filter:none!important;transform:none!important;opacity:1!important;}
}
@media (prefers-reduced-transparency: reduce) {
  body.v3-site .site-header {background:var(--v3-surface);backdrop-filter:none;}
  .v3-hero-product {background:#f9fcfa;}
}