:root {
  --ink:#18211d;
  --dark:#111918;
  --muted:#667068;
  --paper:#f6f5ef;
  --green:#c4f19b;
  --line:#dcdfd5;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:92px;
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font);
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}

body:has(dialog[open]) {
  overflow:hidden;
}

a {
  color:inherit;
  text-decoration:none;
}

button,input,textarea,select {
  font:inherit;
}

button,a,input,textarea,select {
  -webkit-tap-highlight-color:transparent;
}

button {
  cursor:pointer;
}

button {
  color:inherit;
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid #75a44f;
  outline-offset:5px;
}

button {
  border:0;
}

button:disabled {
  cursor:default;
}

img {
  display:block;
  max-width:100%;
}

svg {
  display:block;
}

h1,h2,h3,p,figure {
  margin:0;
}

ul,ol {
  padding:0;
  margin:0;
}

::selection {
  background:var(--green);
  color:var(--dark);
}

[hidden] {
  display:none!important;
}

.container {
  width:min(1248px,calc(100% - 112px));
  margin-inline:auto;
}

.section-space {
  padding:112px 0;
}

.svg-library {
  width:0;
  height:0;
  position:absolute;
  overflow:hidden;
}

.icon {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}

.skip-link {
  position:fixed;
  left:20px;
  top:-80px;
  padding:12px 20px;
  z-index:200;
  background:var(--green);
  color:var(--dark);
}

.skip-link:focus {
  top:12px;
}

.eyebrow {
  display:flex;
  align-items:center;
  gap:13px;
  font-family:var(--font);
  font-size:11px;
  font-weight:600;
  letter-spacing:1.8px;
  line-height:1.8;
}

.section-index {
  font-size:11px;
  border:1px solid #b5bdb0;
  width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  letter-spacing:0;
}

.status-dot,.tiny-dot {
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--green);
  border-radius:50%;
  flex-shrink:0;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  padding:17px 24px;
  font-size:14px;
  font-weight:600;
  border:1px solid transparent;
  border-radius:5px;
  min-height:54px;
  transition:background .2s,transform .2s;
}

.button:hover {
  transform:translateY(-2px);
}

.button-light {
  background:var(--paper);
  color:var(--dark);
}

.button-light:hover {
  background:var(--green);
}

.button-green {
  background:var(--green);
  color:var(--dark);
}

.button-green:hover {
  background:#d5ffb2;
}

.button-dark {
  background:var(--dark);
  color:var(--paper);
}

.button-dark:hover {
  background:#2e4236;
}

.button-outline {
  border-color:#bac2b4;
  background:transparent;
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:24px;
  font-size:14px;
  font-weight:600;
  background:transparent;
  padding:10px 0;
  line-height:1.5;
}

.text-link .icon {
  transition:transform .2s;
}

.text-link:hover .icon {
  transform:translate(3px,-2px);
}

.text-link.light {
  color:#e7ece5;
}

.site-header {
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(17,25,24,.97);
  color:#e7ebe5;
  border-bottom:1px solid #ffffff14;
}

.site-header.is-scrolled {
  box-shadow:0 5px 20px #0000000a;
  backdrop-filter:blur(16px);
}

.header-inner {
  height:90px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.brand {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}

.brand-mark {
  width:43px;
  height:43px;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--green);
}

.brand-type {
  font-size:21px;
  font-weight:650;
  letter-spacing:2px;
}

.brand-type small {
  font-family:Arial,sans-serif;
  display:block;
  font-size:8px;
  letter-spacing:2px;
  margin-top:5px;
}

.brand-logo {
  width:158px;
  height:auto;
}

.site-header nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:13px;
}

.site-header nav>a {
  position:relative;
  transition:color .2s;
}

.site-header nav>a:hover,.site-header nav>a.is-active {
  color:var(--green);
}

.nav-contact {
  display:flex;
  align-items:center;
  gap:24px;
  padding:12px 18px;
  border:1px solid #ffffff40;
  border-radius:4px;
  margin-left:8px;
}

.nav-contact .icon {
  width:16px;
  height:16px;
}

.menu-toggle {
  display:none;
  background:none;
  color:inherit;
  padding:12px;
}

.hero {
  background:var(--dark);
  color:var(--paper);
  overflow:hidden;
}

.hero-layout {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  position:relative;
  min-height:650px;
  align-items:center;
}

.hero-copy {
  position:relative;
  z-index:2;
  padding:60px 0 54px;
}

.hero-eyebrow {
  color:#c7d0c3;
  font-size:12px;
  font-weight:400;
  letter-spacing:2px;
  margin-bottom:31px;
}

.hero h1 {
  font-size:clamp(40px,4.3vw,64px);
  font-weight:550;
  letter-spacing:-1.4px;
  line-height:1.36;
  white-space:nowrap;
}

.hero h1 span {
  color:var(--green);
}

.hero-description {
  font-size:15px;
  color:#a8b2aa;
  line-height:1.95;
  margin-top:27px;
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:36px;
}

.hero-note {
  display:flex;
  align-items:center;
  gap:14px;
  color:#89978c;
  font-size:11px;
  letter-spacing:1.5px;
  margin-top:38px;
}

.hero-note i {
  width:3px;
  height:3px;
  background:#627065;
  border-radius:50%;
}

.hero-art {
  position:relative;
  align-self:center;
  justify-self:end;
  width:112%;
  margin-right:-24px;
  margin-left:-25px;
  z-index:1;
  isolation:isolate;
}

.hero-art > img {
  width:100%;
  height:auto;
  mix-blend-mode:lighten;
  mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent);
  filter:saturate(.85);
}

.hero-art figcaption {
  display:flex;
  justify-content:space-between;
  font:9px/1.5 var(--font);
  color:#93a38e;
  letter-spacing:1.2px;
  padding:0 30px;
  margin-top:-4px;
}

.art-corner {
  position:absolute;
  width:19px;
  height:19px;
  border-color:#52624b;
  z-index:2;
}

.art-corner.top-left {
  top:12%;
  left:7%;
  border-top:1px solid;
  border-left:1px solid;
}

.art-corner.bottom-right {
  right:6%;
  bottom:12%;
  border-bottom:1px solid;
  border-right:1px solid;
}

.hero-bottom {
  height:77px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #ffffff18;
  color:#acb8ac;
  font-size:12px;
  letter-spacing:1px;
}

.hero-bottom p {
  display:flex;
  align-items:center;
  gap:22px;
}

.hero-bottom p span {
  color:#5f6e61;
}

.hero-bottom a {
  display:flex;
  gap:24px;
  align-items:center;
  font-size:11px;
}

.hero-bottom a>span {
  font-size:24px;
  color:var(--green);
}

.section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;
  margin-bottom:58px;
}

.section-heading h2,.about h2 {
  font-size:42px;
  line-height:1.4;
  font-weight:550;
  letter-spacing:-1px;
  margin-top:22px;
}

.section-intro {
  font-size:14px;
  line-height:1.9;
  color:var(--muted);
  max-width:380px;
  padding-bottom:5px;
}

.service-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #a9b3a3;
  border-bottom:1px solid #a9b3a3;
}

.service-card {
  padding:33px 26px 25px;
  border-right:1px solid var(--line);
  transition:background .25s;
}

.service-card:first-child {
  padding-left:0;
}

.service-card:last-child {
  padding-right:0;
  border-right:0;
}

.service-card:hover {
  background:#ecf0e4;
}

.service-top {
  display:flex;
  flex-direction:column;
  gap:25px;
}

.service-icon {
  width:39px;
  height:39px;
  fill:none;
  stroke:var(--ink);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.service-top>span {
  font-size:9px;
  letter-spacing:1px;
  color:#5e6b5d;
}

.service-card h3 {
  font-weight:600;
  font-size:21px;
  margin:12px 0 18px;
  letter-spacing:-.7px;
  white-space:nowrap;
}

.service-card>p {
  font-size:13px;
  line-height:1.95;
  color:var(--muted);
  min-height:103px;
}

.service-card ul {
  list-style:none;
  margin:26px 0 28px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:12px;
}

.service-card li:before {
  content:'+';
  color:#7f936c;
  font-family:monospace;
  margin-right:9px;
}

.service-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.service-link .icon {
  width:16px;
  height:16px;
}

.section-footnote {
  font-size:11px;
  color:#78816f;
  margin-top:19px;
  text-align:right;
}

.products {
  padding-top:28px;
}

.product-row {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:75px;
  align-items:center;
  margin-top:48px;
}

.product-row+.product-row {
  margin-top:76px;
}

.product-row.reverse .product-visual {
  order:2;
}

.product-row.reverse .product-copy {
  order:1;
  padding-left:24px;
}

.product-visual {
  position:relative;
  height:430px;
  overflow:hidden;
  border-radius:10px;
  padding:24px;
}

.video-visual {
  background:#e2e8d8;
}

.concept-label {
  display:flex;
  align-items:center;
  gap:7px;
  font-family:Arial,var(--font);
  font-size:8px;
  letter-spacing:1.3px;
  color:#52654b;
}

.concept-label .tiny-dot {
  width:5px;
  height:5px;
  background:#6b7e5c;
}

.concept-label>span:last-child {
  margin-left:auto;
  font-family:var(--font);
  font-size:9px;
  letter-spacing:0;
}

.studio-window {
  position:absolute;
  top:76px;
  left:38px;
  right:38px;
  background:#1c2422;
  border:1px solid #ffffff40;
  border-radius:8px;
  box-shadow:0 24px 30px #233d2c20;
  transform:perspective(900px) rotateY(-4deg) rotateX(4deg);
  transition:transform .5s;
}

.product-visual:hover .studio-window {
  transform:perspective(900px) rotateY(0deg) rotateX(0deg);
}

.studio-bar {
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ffffff12;
  padding:0 12px;
  color:#d9e3d2;
}

.studio-brand {
  font-size:10px;
  letter-spacing:1px;
}

.studio-brand b {
  font-size:5px;
  margin-left:8px;
  color:#7e9181;
}

.window-dots {
  font-size:5px;
  letter-spacing:4px;
  color:#7b8c7c;
}

.studio-content {
  display:flex;
  padding:10px 10px 13px 0;
}

.studio-sidebar {
  width:35px;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:16px;
  color:#718679;
  font-size:14px;
  padding-top:7px;
}

.studio-sidebar .active {
  color:#c4f19b;
}

.studio-main {
  flex:1;
  min-width:0;
}

.landscape-scene {
  height:177px;
  position:relative;
  overflow:hidden;
  border-radius:4px;
  background:linear-gradient(140deg,#131f26,#41514a 65%,#9eae7f);
}

.scene-sun {
  position:absolute;
  top:29px;
  right:31%;
  width:72px;
  height:72px;
  background:linear-gradient(130deg,#fcf9c1,#aabd8c);
  box-shadow:0 0 40px #c5cf8860;
  border-radius:50%;
}

.scene-orbit {
  position:absolute;
  width:190px;
  height:190px;
  border:1px solid #bed3b635;
  border-radius:50%;
  right:19%;
  top:-30px;
  transform:rotate(-30deg) scaleY(.4);
}

.scene-hill {
  position:absolute;
  width:100%;
  height:140px;
  bottom:-100px;
  left:-10%;
  border-radius:50% 60% 0 0;
  transform:rotate(-10deg);
  background:linear-gradient(130deg,#6a8063,#304b41);
}

.scene-hill.back {
  height:150px;
  bottom:-90px;
  left:20%;
  background:linear-gradient(135deg,#809170,#27433c);
  transform:rotate(-20deg);
}

.scene-hill.front {
  bottom:-105px;
  width:130%;
  background:#21372f;
}

.scene-caption {
  position:absolute;
  top:24px;
  left:22px;
  font-size:19px;
  line-height:1.2;
  letter-spacing:1px;
  color:#eef1dc;
  font-weight:500;
}

.scene-number {
  position:absolute;
  bottom:13px;
  right:12px;
  font-size:6px;
  letter-spacing:2px;
  color:#e3e9d5;
}

.timeline {
  margin-top:9px;
  position:relative;
  padding:0 0 0 2px;
}

.timeline-ruler {
  display:flex;
  justify-content:space-between;
  color:#7d8e81;
  font:5px/1.8 Arial,sans-serif;
  margin-bottom:4px;
}

.timeline-frames {
  display:flex;
  gap:3px;
}

.timeline-frames i {
  height:25px;
  flex:1;
  background:linear-gradient(150deg,#a1ad7f,#4a6655 60%,#243e37);
  border:1px solid #b9c69750;
  border-radius:2px;
}

.timeline-frames i:nth-child(even) {
  background:linear-gradient(30deg,#304d41,#70866a 55%,#c4ca96);
}

.timeline-audio {
  height:10px;
  background:repeating-linear-gradient(90deg,#768f64 0px,#768f64 2px,#5c7750 2px,#5c7750 4px);
  margin-top:4px;
  border-radius:2px;
  opacity:.6;
}

.timeline-playhead {
  position:absolute;
  left:30%;
  width:1px;
  top:0;
  bottom:0;
  background:#c4f19b;
}

.timeline-playhead:before {
  content:'';
  position:absolute;
  top:0;
  left:-2px;
  width:5px;
  height:5px;
  background:#c4f19b;
}

.visual-caption {
  position:absolute;
  bottom:23px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  letter-spacing:2px;
  color:#64715d;
}

.product-meta {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:9px;
  letter-spacing:1.3px;
  color:#73806c;
}

.product-meta>span:first-child {
  border:1px solid #b6c1ab;
  border-radius:3px;
  font-size:10px;
  padding:4px 7px;
  letter-spacing:1px;
}

.product-copy h3 {
  font-size:36px;
  font-weight:550;
  letter-spacing:-.8px;
  margin-top:22px;
}

.product-copy h3>span {
  display:block;
  font-size:14px;
  letter-spacing:1px;
  color:#66765e;
  font-weight:400;
  margin-top:7px;
}

.product-tagline {
  font-size:19px;
  font-weight:500;
  margin-top:28px;
}

.product-description {
  font-size:14px;
  line-height:1.95;
  color:var(--muted);
  margin-top:14px;
  max-width:425px;
}

.product-audience {
  font-size:11px;
  color:#53614e;
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:24px;
}

.product-audience>span {
  font:9px Arial,sans-serif;
  color:#819073;
  margin-right:14px;
  letter-spacing:1px;
}

.product-copy .text-link {
  margin-top:15px;
}

.product-note {
  font-size:10px;
  color:#788370;
  margin-top:10px;
}

.translation-visual {
  background:#e4e8eb;
}

.translation-visual .concept-label {
  color:#64757a;
}

.language-globe {
  position:absolute;
  width:300px;
  height:300px;
  border:1px solid #9daeb62c;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  overflow:hidden;
}

.language-globe div {
  position:absolute;
  inset:0;
  border:1px solid #9daeb62c;
  border-radius:50%;
}

.language-globe div:first-child {
  transform:scaleX(.35);
}

.language-globe div:nth-child(2) {
  transform:scaleX(.7);
}

.language-globe div:nth-child(3) {
  transform:scaleY(.4);
}

.language-globe span {
  position:absolute;
  top:50%;
  width:100%;
  height:1px;
  background:#9daeb62c;
}

.language-card {
  display:flex;
  gap:15px;
  align-items:center;
  position:absolute;
  padding:20px;
  background:#ffffffec;
  border:1px solid #fff;
  border-radius:8px;
  box-shadow:0 10px 20px #2d41450b;
  width:80%;
  z-index:1;
}

.language-card.first {
  top:96px;
  left:30px;
  transform:rotate(-3deg);
}

.language-card.second {
  top:241px;
  right:28px;
  transform:rotate(2deg);
}

.language-avatar {
  width:40px;
  height:40px;
  background:#e8eddc;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:16px;
  font-weight:600;
}

.second .language-avatar {
  background:#dce6ed;
  color:#4a646d;
  font-size:14px;
}

.language-card small {
  display:block;
  font-size:8px;
  letter-spacing:1px;
  color:#839083;
}

.language-card p {
  font-size:17px;
  margin-top:7px;
  white-space:nowrap;
}

.language-signal {
  font-size:15px;
  color:#98af7c;
  margin-left:auto;
  letter-spacing:1px;
}

.language-bridge {
  position:absolute;
  top:204px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:6px;
  color:#819390;
  font-size:9px;
}

.language-bridge .icon {
  height:14px;
  width:14px;
}

.translation-visual .visual-caption {
  color:#6f8082;
}

.work {
  background:#eaece3;
  border-top:1px solid #dde1d6;
  border-bottom:1px solid #dde1d6;
  padding-top:92px;
  padding-bottom:88px;
}

.work .section-heading h2 {
  font-size:39px;
}

.work .section-intro {
  font-size:12px;
  max-width:400px;
}

.work-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

.work-card {
  text-align:left;
  padding:0;
  background:transparent;
  min-width:0;
}

.work-art {
  height:280px;
  position:relative;
  overflow:hidden;
  border-radius:7px;
  transition:transform .3s;
}

.work-card:hover .work-art {
  transform:translateY(-5px);
}

.work-status {
  position:absolute;
  top:17px;
  left:17px;
  font-size:9px;
  padding:5px 8px;
  background:#ffffff12;
  border:1px solid #ffffff25;
  color:#dae4d5;
  border-radius:3px;
  z-index:3;
}

.work-art-index {
  position:absolute;
  bottom:18px;
  left:20px;
  font-size:8px;
  letter-spacing:1.5px;
  z-index:3;
}

.work-product {
  background:#253c33;
  color:#cbe1b7;
}

.work-art-label {
  position:absolute;
  top:85px;
  left:24px;
  font-size:23px;
  line-height:1.14;
  letter-spacing:-.5px;
  font-weight:600;
  z-index:2;
}

.work-frames {
  display:flex;
  gap:12px;
  transform:rotate(-18deg);
  position:absolute;
  left:39%;
  top:96px;
}

.work-frames>div {
  width:105px;
  height:149px;
  background:linear-gradient(130deg,#a8b594,#647e68 53%,#2c473a);
  border:1px solid #ffffff50;
  border-radius:3px;
  box-shadow:0 9px 25px #0003;
}

.work-frames>div:nth-child(2) {
  background:linear-gradient(50deg,#667e64,#c3ceac);
  transform:translateY(-28px);
}

.work-frames>div:nth-child(3) {
  transform:translateY(-55px);
}

.work-film {
  background:#392d29;
  color:#f0ddc3;
}

.film-sun {
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:linear-gradient(#cfab80,#bb8c6a 50%,#7b514a);
  top:44px;
  right:-30px;
}

.film-horizon {
  position:absolute;
  bottom:-115px;
  left:-15%;
  width:130%;
  height:220px;
  transform:rotate(-9deg);
  background:#252724;
  border-radius:50%;
}

.film-word {
  position:absolute;
  top:88px;
  left:26px;
  font-size:22px;
  line-height:1.45;
  letter-spacing:5px;
}

.film-word em {
  font-style:normal;
  font-size:29px;
  font-weight:550;
  letter-spacing:1px;
}

.art-disclaimer {
  font-size:7px;
  position:absolute;
  bottom:19px;
  right:14px;
  color:#c3b7a4;
}

.work-language {
  background:#d7e0e3;
  color:#405c62;
}

.work-language .work-status {
  border-color:#9eafb7;
  color:#50676d;
  background:#e3e9e9;
}

.work-wave {
  display:flex;
  align-items:center;
  gap:7px;
  height:85px;
  position:absolute;
  top:102px;
  left:47%;
  opacity:.45;
}

.work-wave i {
  width:6px;
  height:20px;
  background:#668e90;
  border-radius:20px;
}

.work-wave i:nth-child(3n) {
  height:60px;
}

.work-wave i:nth-child(2n) {
  height:38px;
}

.work-wave i:nth-child(5n) {
  height:83px;
}

.language-words {
  position:absolute;
  font-size:29px;
  left:25px;
  top:96px;
  line-height:1.4;
  font-weight:550;
  letter-spacing:2px;
}

.language-words span {
  display:block;
  font-size:27px;
  letter-spacing:-.5px;
}

.work-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:22px;
  gap:10px;
}

.work-title>div>span {
  font-size:10px;
  color:#6d7869;
}

.work-title h3 {
  font-size:17px;
  font-weight:550;
  margin-top:8px;
}

.round-arrow {
  width:33px;
  height:33px;
  border:1px solid #bac5b2;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0;
  transition:background .2s;
}

.round-arrow .icon {
  width:14px;
  height:14px;
}

.work-card:hover .round-arrow {
  background:var(--green);
}

.about-grid {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:96px;
}

.about h2 {
  font-size:48px;
  margin-top:27px;
}

.about-signature {
  font:10px/1.8 Arial,sans-serif;
  letter-spacing:1.5px;
  color:#839079;
  margin-top:69px;
  position:relative;
  max-width:280px;
}

.about-signature>span {
  font-size:43px;
  position:absolute;
  right:0;
  bottom:0;
  line-height:1;
  color:#a3b491;
}

.about-lead {
  font-size:26px;
  line-height:1.6;
  font-weight:500;
}

.about-copy>p:not(.about-lead) {
  font-size:14px;
  line-height:2;
  color:var(--muted);
  margin-top:24px;
}

.about-values {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  border-top:1px solid #ccd3c4;
  padding-top:29px;
  margin-top:34px;
}

.about-values span {
  font:9px Arial,sans-serif;
  color:#7a8e6b;
  letter-spacing:1px;
}

.about-values h3 {
  font-size:14px;
  font-weight:550;
  margin-top:12px;
}

.about-values p {
  font-size:10px;
  line-height:1.7;
  margin-top:9px;
  color:#74816c;
}

.process {
  padding-bottom:106px;
}

.process-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--line);
  padding-top:39px;
  margin-bottom:38px;
}

.process-heading .eyebrow {
  font-size:9px;
  color:#75816c;
}

.process-heading h2 {
  font-size:20px;
  font-weight:550;
}

.process-list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  list-style:none;
  gap:30px;
}

.process-list li {
  position:relative;
  padding-top:21px;
  border-top:1px solid #aab79c;
}

.process-list li:not(:last-child):after {
  content:'↗';
  position:absolute;
  right:0;
  top:20px;
  color:#98a78a;
  font-size:18px;
}

.process-list span {
  color:#6c805e;
  font:11px Arial,sans-serif;
}

.process-list h3 {
  font-size:16px;
  font-weight:550;
  margin-top:16px;
}

.process-list p {
  font-size:11px;
  line-height:1.7;
  color:#7c8676;
  margin-top:10px;
}

.contact {
  background:var(--dark);
  color:var(--paper);
  padding-top:95px;
  padding-bottom:93px;
  position:relative;
  overflow:hidden;
}

.contact:before {
  content:'';
  position:absolute;
  left:-240px;
  top:-150px;
  width:600px;
  height:600px;
  border:1px solid #bcf09b0c;
  border-radius:50%;
  pointer-events:none;
}

.contact-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:110px;
  position:relative;
}

.contact .eyebrow {
  font-size:10px;
  color:#b8c8ac;
  font-weight:400;
}

.contact h2 {
  font-size:43px;
  line-height:1.4;
  font-weight:500;
  letter-spacing:-1px;
  margin-top:25px;
}

.contact h2>span {
  color:var(--green);
}

.contact-description {
  font-size:13px;
  line-height:1.9;
  color:#97a694;
  margin-top:22px;
}

.contact .button {
  margin-top:29px;
}

.brief-hint {
  font-size:10px;
  color:#82917e;
  margin-top:14px;
}

.contact-methods {
  padding-top:39px;
}

.contact-method {
  display:flex;
  gap:22px;
  padding-bottom:28px;
  margin-bottom:30px;
  border-bottom:1px solid #ffffff20;
  min-width:0;
}

.contact-method>div {
  min-width:0;
}

.method-icon {
  width:39px;
  height:39px;
  border:1px solid #ffffff30;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0;
}

.method-icon .icon {
  width:17px;
  height:17px;
  color:#adc69e;
}

.method-label {
  font-size:9px;
  color:#8e9e88;
  letter-spacing:1.5px;
  display:block;
  margin-bottom:11px;
}

.contact-method a,.contact-method p {
  display:block;
  font-size:20px;
  font-weight:400;
  overflow-wrap:anywhere;
}

.contact-method a:hover {
  color:var(--green);
}

.contact-method small {
  display:block;
  font-size:10px;
  color:#7d8f77;
  margin-top:12px;
}

.contact-company {
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#8a9b81;
  gap:10px;
}

.contact-company>span:last-child {
  font:8px/1.8 Arial,sans-serif;
  letter-spacing:1px;
  display:flex;
  gap:7px;
  align-items:center;
  white-space:nowrap;
}

.contact-company .status-dot {
  height:4px;
  width:4px;
  background:#91af74;
}

.phone-row {
  margin-bottom:25px;
  color:#bac5b3;
  font-size:13px;
}

.site-footer {
  background:#111918;
  color:#afbea7;
  padding-top:35px;
}

.footer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ffffff15;
  padding-bottom:30px;
  gap:20px;
}

.footer-brand .brand-logo {
  width:120px;
}

.footer-top>p {
  font-size:12px;
  letter-spacing:1px;
  color:#8fa085;
}

.back-top {
  font-size:11px;
}

.footer-bottom {
  padding-block:22px;
  display:flex;
  align-items:center;
  gap:28px;
  font-size:9px;
  color:#8fa085;
}

.footer-bottom .preview-note {
  margin-left:auto;
}

.footer-bottom a:hover {
  color:var(--green);
}

.site-dialog {
  width:min(590px,calc(100% - 32px));
  max-height:90dvh;
  overflow:auto;
  border:1px solid #d0d8c6;
  border-radius:13px;
  padding:47px 42px 36px;
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 30px 100px #0005;
}

.site-dialog::backdrop {
  background:#0b1518b3;
  backdrop-filter:blur(7px);
}

.dialog-close {
  position:absolute;
  right:18px;
  top:13px;
  width:34px;
  height:34px;
  font-size:29px;
  background:transparent;
  line-height:1;
  color:#738067;
  border-radius:50%;
}

.dialog-close:hover {
  background:#e5eadb;
}

.site-dialog .eyebrow {
  font-size:10px;
  color:#56694a;
}

.site-dialog h2 {
  font-size:29px;
  font-weight:550;
  line-height:1.4;
  margin-top:14px;
}

.dialog-body p,.dialog-intro {
  font-size:13px;
  color:#56634d;
  line-height:1.9;
  margin-top:20px;
}

.dialog-body {
  margin-bottom:25px;
}

.brief-dialog {
  width:min(640px,calc(100% - 32px));
}

.brief-dialog label {
  display:block;
  font-size:13px;
  font-weight:500;
  margin:22px 0 9px;
}

.brief-dialog label>span {
  font-size:10px;
  color:#5c6d50;
  font-weight:400;
  margin-left:7px;
}

.brief-dialog textarea,.brief-dialog input,.brief-dialog select {
  width:100%;
  border:1px solid #c6d0bc;
  border-radius:5px;
  padding:12px;
  background:#fcfcf8;
  color:var(--ink);
  font-size:13px;
  line-height:1.7;
}

.brief-dialog textarea {
  resize:vertical;
  min-height:110px;
}

.brief-dialog textarea::placeholder,.brief-dialog input::placeholder {
  color:#8b9582;
}

.form-actions,.result-actions {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:22px;
  flex-wrap:wrap;
}

.form-actions .button,.result-actions .button {
  padding:13px 19px;
  min-height:45px;
  font-size:12px;
}

.result-actions {
  gap:12px;
}

.result-actions .text-link {
  font-size:12px;
}

.form-status {
  font-size:12px;
  line-height:1.7;
  color:#547137;
  margin-top:18px;
}

.noscript-note {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:12px;
  background:#dceec9;
  z-index:100;
  font-size:12px;
  text-align:center;
}

@media(min-width:1500px) {
  .hero-layout {
    min-height:690px;
  }
  .hero h1 {
    font-size:64px;
  }
  .hero-art {
    width:116%;
    margin-right:-40px;
  }
}

@media(max-width:1199px) {
  .container {
    width:calc(100% - 72px);
  }
  .site-header nav {
    gap:23px;
  }
  .hero-layout {
    min-height:600px;
  }
  .hero h1 {
    font-size:49px;
  }
  .hero-art {
    width:116%;
    margin-right:-32px;
  }
  .hero-description {
    font-size:14px;
  }
  .hero-actions {
    gap:20px;
  }
  .button {
    padding:16px 20px;
    gap:22px;
  }
  .hero-actions .text-link {
    font-size:12px;
    gap:10px;
  }
  .section-space {
    padding-block:88px;
  }
  .service-card {
    padding:30px 20px 24px;
  }
  .service-card h3 {
    font-size:18px;
  }
  .service-card>p {
    font-size:12px;
    min-height:116px;
  }
  .service-top>span {
    font-size:8px;
  }
  .product-row {
    gap:44px;
  }
  .product-visual {
    height:390px;
    padding:20px;
  }
  .studio-window {
    left:26px;
    right:26px;
    top:68px;
  }
  .landscape-scene {
    height:150px;
  }
  .concept-label {
    font-size:7px;
    letter-spacing:1px;
  }
  .concept-label>span:last-child {
    font-size:8px;
  }
  .product-copy h3 {
    font-size:32px;
  }
  .product-description {
    font-size:13px;
  }
  .product-tagline {
    font-size:17px;
  }
  .language-card {
    padding:16px;
    gap:11px;
    width:82%;
  }
  .language-card.first {
    top:85px;
    left:21px;
  }
  .language-card.second {
    top:225px;
    right:21px;
  }
  .language-card p {
    font-size:14px;
  }
  .language-signal {
    font-size:11px;
    letter-spacing:0;
  }
  .language-bridge {
    top:190px;
  }
  .work-art {
    height:252px;
  }
  .work-title h3 {
    font-size:15px;
  }
  .work .section-heading {
    gap:25px;
  }
  .work .section-heading h2 {
    font-size:34px;
  }
  .work .section-intro {
    max-width:360px;
  }
  .work-grid {
    gap:20px;
  }
  .about-grid {
    gap:65px;
  }
  .about-values {
    gap:13px;
  }
  .about-values p {
    font-size:9px;
  }
  .contact-grid {
    gap:60px;
  }
  .contact h2 {
    font-size:37px;
  }
  .contact-method a,.contact-method p {
    font-size:18px;
  }
  .contact-company {
    font-size:9px;
  }
  .process {
    padding-bottom:88px;
  }
}

@media(max-width:959px) {
  .container {
    width:calc(100% - 48px);
  }
  .header-inner {
    height:76px;
  }
  .brand-logo {
    width:140px;
  }
  .site-header nav {
    gap:20px;
    font-size:11px;
  }
  .nav-contact {
    padding:10px 12px;
    gap:8px;
    margin-left:0;
  }
  .hero-layout {
    min-height:540px;
  }
  .hero h1 {
    font-size:39px;
    letter-spacing:-1px;
  }
  .hero-eyebrow {
    font-size:10px;
    letter-spacing:1px;
    margin-bottom:25px;
  }
  .hero-description {
    font-size:12px;
  }
  .hero-actions {
    gap:18px;
    flex-wrap:wrap;
    margin-top:26px;
  }
  .hero-actions .button {
    font-size:12px;
    gap:17px;
    min-height:46px;
    padding:13px 18px;
  }
  .hero-actions .text-link {
    font-size:11px;
    gap:6px;
  }
  .hero-note {
    font-size:9px;
    margin-top:29px;
  }
  .hero-art {
    width:118%;
    margin-right:-22px;
  }
  .hero-art figcaption {
    font-size:6px;
    letter-spacing:.8px;
    padding:0 15px;
  }
  .hero-bottom {
    height:67px;
    font-size:10px;
  }
  .section-heading h2,.about h2 {
    font-size:35px;
  }
  .section-intro {
    font-size:12px;
    max-width:300px;
  }
  .service-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .service-card {
    padding:30px 25px!important;
  }
  .service-card:nth-child(2) {
    border-right:0;
  }
  .service-card:nth-child(-n+2) {
    border-bottom:1px solid var(--line);
  }
  .service-card h3 {
    font-size:22px;
  }
  .service-card>p {
    font-size:13px;
    min-height:78px;
  }
  .service-top {
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
  .service-top>span {
    font-size:9px;
  }
  .product-row {
    gap:30px;
    grid-template-columns:1.1fr 1fr;
  }
  .product-copy h3 {
    font-size:27px;
  }
  .product-copy h3>span {
    font-size:12px;
  }
  .product-row.reverse .product-copy {
    padding-left:0;
  }
  .product-description {
    font-size:12px;
  }
  .product-tagline {
    font-size:15px;
    margin-top:20px;
  }
  .product-audience {
    font-size:9px;
    line-height:1.8;
    margin-top:18px;
    padding-top:16px;
  }
  .product-meta {
    font-size:7px;
    gap:8px;
    letter-spacing:.7px;
    flex-wrap:wrap;
  }
  .product-note {
    font-size:9px;
  }
  .product-visual {
    height:365px;
    padding:18px;
  }
  .concept-label {
    font-size:6px;
    letter-spacing:.5px;
    flex-wrap:wrap;
  }
  .concept-label>span:last-child {
    margin-left:0;
    font-size:7px;
  }
  .studio-window {
    left:15px;
    right:15px;
    top:74px;
  }
  .landscape-scene {
    height:137px;
  }
  .scene-caption {
    font-size:16px;
    left:15px;
    top:18px;
  }
  .scene-sun {
    width:58px;
    height:58px;
    right:22%;
  }
  .language-card {
    width:89%;
    padding:14px 11px;
    gap:10px;
  }
  .language-card.first {
    left:13px;
    top:86px;
  }
  .language-card.second {
    right:13px;
    top:219px;
  }
  .language-avatar {
    width:33px;
    height:33px;
    font-size:14px;
  }
  .language-card p {
    font-size:12px;
  }
  .language-card small {
    font-size:6px;
  }
  .language-signal {
    display:none;
  }
  .language-bridge {
    top:180px;
  }
  .language-globe {
    width:260px;
    height:260px;
  }
  .work .section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    margin-bottom:34px;
  }
  .work .section-intro {
    max-width:none;
  }
  .work-art {
    height:220px;
  }
  .work-grid {
    gap:17px;
  }
  .work-status {
    font-size:7px;
    left:12px;
    top:12px;
  }
  .work-art-label {
    font-size:19px;
    left:18px;
    top:73px;
  }
  .work-art-index {
    font-size:6px;
    left:15px;
    bottom:15px;
  }
  .work-frames {
    left:46%;
    top:87px;
    gap:8px;
  }
  .work-frames>div {
    width:77px;
    height:113px;
  }
  .film-word {
    left:15px;
    top:74px;
    font-size:18px;
  }
  .film-word em {
    font-size:22px;
  }
  .film-sun {
    width:140px;
    height:140px;
  }
  .art-disclaimer {
    bottom:30px;
    left:15px;
    font-size:6px;
  }
  .language-words {
    font-size:25px;
    top:78px;
    left:17px;
  }
  .language-words span {
    font-size:24px;
  }
  .work-wave {
    top:78px;
    gap:5px;
  }
  .work-wave i {
    width:5px;
  }
  .work-title {
    gap:6px;
  }
  .work-title h3 {
    font-size:12px;
  }
  .work-title>div>span {
    font-size:8px;
  }
  .round-arrow {
    width:28px;
    height:28px;
  }
  .about-grid {
    gap:35px;
  }
  .about .eyebrow {
    font-size:9px;
    letter-spacing:1px;
  }
  .about-lead {
    font-size:22px;
  }
  .about-copy>p:not(.about-lead) {
    font-size:12px;
  }
  .about-values {
    grid-template-columns:1fr;
    gap:18px;
  }
  .about-values>div {
    display:grid;
    grid-template-columns:20px 110px 1fr;
    align-items:center;
    gap:8px;
  }
  .about-values h3 {
    font-size:12px;
    margin:0;
  }
  .about-values p {
    font-size:9px;
    margin:0;
  }
  .about-signature {
    font-size:8px;
    max-width:220px;
  }
  .process-list {
    gap:20px;
  }
  .process-list p {
    font-size:10px;
  }
  .contact-grid {
    gap:35px;
    grid-template-columns:1.1fr 1fr;
  }
  .contact h2 {
    font-size:32px;
  }
  .contact-description {
    font-size:11px;
  }
  .contact-method {
    gap:13px;
  }
  .contact-method a,.contact-method p {
    font-size:16px;
  }
  .contact-company {
    flex-direction:column;
    gap:10px;
  }
  .footer-top>p {
    font-size:10px;
  }
  .footer-bottom {
    font-size:8px;
    gap:18px;
  }
}

@media(max-width:699px) {
  html {
    scroll-padding-top:80px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .header-inner {
    height:72px;
  }
  .brand-logo {
    width:134px;
  }
  .menu-toggle {
    display:flex;
    flex-direction:column;
    gap:6px;
    z-index:3;
  }
  .menu-toggle span {
    display:block;
    width:22px;
    height:1px;
    background:#e6ebdf;
    transition:transform .2s;
  }
  .menu-toggle.is-open span:first-child {
    transform:translateY(3.5px) rotate(45deg);
  }
  .menu-toggle.is-open span:last-child {
    transform:translateY(-3.5px) rotate(-45deg);
  }
  .site-header nav {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:71px;
    background:#16201d;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:14px 20px 20px;
    box-shadow:0 20px 30px #0003;
  }
  .site-header nav.is-open {
    display:flex;
  }
  .site-header nav>a {
    padding:16px 7px;
    font-size:14px;
    border-bottom:1px solid #ffffff12;
  }
  .site-header nav .nav-contact {
    margin-top:12px;
    border:1px solid #ffffff35;
    padding:15px;
    justify-content:space-between;
  }
  .hero-layout {
    display:flex;
    flex-direction:column;
    min-height:auto;
    align-items:stretch;
  }
  .hero-copy {
    padding:55px 0 0;
  }
  .hero-eyebrow {
    font-size:10px;
    margin-bottom:22px;
    letter-spacing:1.3px;
  }
  .hero h1 {
    font-size:clamp(32px,7.95vw,49px);
    letter-spacing:-1px;
    line-height:1.42;
    white-space:normal;
  }
  .hero-description {
    font-size:12px;
    line-height:1.9;
    margin-top:22px;
    max-width:360px;
  }
  .hero-actions {
    margin-top:26px;
    gap:24px;
    flex-wrap:nowrap;
  }
  .hero-actions .button {
    font-size:12px;
    gap:13px;
    padding:14px 17px;
  }
  .hero-actions .text-link {
    font-size:11px;
    gap:10px;
  }
  .hero-note {
    display:none;
  }
  .hero-art {
    width:100%;
    margin:4px 0 0;
    align-self:center;
    max-width:500px;
  }
  .hero-art > img {
    max-height:360px;
    object-fit:contain;
    mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent);
  }
  .hero-art figcaption {
    padding:0 12px;
    position:relative;
    margin-top:-14px;
    font-size:7px;
  }
  .art-corner.top-left {
    top:16%;
    left:4%;
  }
  .art-corner.bottom-right {
    right:4%;
    bottom:13%;
  }
  .hero-bottom {
    margin-top:29px;
    height:66px;
    font-size:9px;
  }
  .hero-bottom p {
    gap:14px;
  }
  .hero-bottom a {
    font-size:8px;
    gap:12px;
  }
  .hero-bottom a>span {
    font-size:20px;
  }
  .section-space {
    padding-block:67px;
  }
  .section-heading {
    flex-direction:column;
    align-items:flex-start;
    gap:23px;
    margin-bottom:34px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1px;
    gap:10px;
  }
  .section-index {
    width:22px;
    height:22px;
    font-size:9px;
  }
  .section-heading h2,.about h2 {
    font-size:33px;
    letter-spacing:-.5px;
    margin-top:19px;
  }
  .section-intro {
    font-size:12px;
    line-height:1.8;
    max-width:none;
  }
  .service-grid {
    grid-template-columns:1fr;
  }
  .service-card {
    padding:28px 0!important;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .service-card:last-child {
    border-bottom:0;
  }
  .service-top {
    gap:20px;
  }
  .service-icon {
    width:31px;
    height:31px;
  }
  .service-top>span {
    font-size:9px;
  }
  .service-card h3 {
    font-size:21px;
    letter-spacing:0;
    margin-top:20px;
    margin-bottom:12px;
  }
  .service-card>p {
    min-height:0;
    font-size:12px;
    line-height:1.9;
    max-width:480px;
  }
  .service-card ul {
    margin-top:21px;
    margin-bottom:20px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px 18px;
    font-size:10px;
  }
  .service-card li:before {
    margin-right:4px;
  }
  .service-link {
    font-size:11px;
    padding-top:15px;
  }
  .section-footnote {
    text-align:left;
    line-height:1.7;
    font-size:9px;
    margin-top:15px;
  }
  .products {
    padding-top:12px;
  }
  .product-row {
    grid-template-columns:1fr;
    gap:26px;
    margin-top:32px;
  }
  .product-row+.product-row {
    margin-top:58px;
  }
  .product-row.reverse .product-visual {
    order:0;
  }
  .product-row.reverse .product-copy {
    order:0;
  }
  .product-visual {
    height:350px;
    padding:20px;
  }
  .concept-label {
    font-size:7px;
    letter-spacing:.8px;
  }
  .concept-label>span:last-child {
    font-size:8px;
    margin-left:auto;
  }
  .studio-window {
    left:26px;
    right:26px;
    top:62px;
  }
  .landscape-scene {
    height:144px;
  }
  .studio-sidebar {
    width:30px;
  }
  .scene-caption {
    font-size:18px;
  }
  .scene-sun {
    right:25%;
  }
  .timeline-frames i {
    height:22px;
  }
  .timeline-audio {
    height:8px;
  }
  .visual-caption {
    font-size:10px;
    bottom:20px;
  }
  .product-copy {
    padding:0 3px;
  }
  .product-copy h3 {
    font-size:29px;
    margin-top:17px;
  }
  .product-copy h3>span {
    font-size:12px;
    margin-top:6px;
  }
  .product-meta {
    font-size:8px;
    gap:10px;
  }
  .product-tagline {
    font-size:17px;
    margin-top:22px;
  }
  .product-description {
    font-size:13px;
    line-height:1.9;
    max-width:none;
  }
  .product-audience {
    font-size:10px;
  }
  .product-copy .text-link {
    font-size:13px;
    margin-top:12px;
  }
  .product-note {
    font-size:9px;
    margin-top:5px;
  }
  .language-card {
    width:82%;
    padding:17px 14px;
    gap:12px;
  }
  .language-card.first {
    top:75px;
    left:25px;
  }
  .language-card.second {
    top:209px;
    right:23px;
  }
  .language-card p {
    font-size:15px;
  }
  .language-card small {
    font-size:7px;
  }
  .language-avatar {
    height:35px;
    width:35px;
  }
  .language-bridge {
    top:179px;
  }
  .work {
    padding-block:62px;
  }
  .work .section-heading h2 {
    font-size:31px;
  }
  .work .section-intro {
    font-size:11px;
  }
  .work-grid {
    grid-template-columns:1fr;
    gap:34px;
  }
  .work-art {
    height:auto;
    aspect-ratio:1.36;
  }
  .work-status {
    font-size:9px;
    top:17px;
    left:18px;
  }
  .work-art-label {
    top:32%;
    font-size:28px;
    left:27px;
  }
  .work-frames {
    left:45%;
    top:38%;
    gap:13px;
  }
  .work-frames>div {
    width:105px;
    height:152px;
  }
  .work-art-index {
    font-size:8px;
    left:21px;
    bottom:20px;
  }
  .film-word {
    font-size:26px;
    top:32%;
    left:27px;
  }
  .film-word em {
    font-size:34px;
  }
  .film-sun {
    height:195px;
    width:195px;
    right:-20px;
    top:45px;
  }
  .art-disclaimer {
    left:auto;
    bottom:20px;
    right:15px;
    font-size:7px;
  }
  .language-words {
    font-size:34px;
    top:33%;
    left:28px;
  }
  .language-words span {
    font-size:32px;
  }
  .work-wave {
    top:34%;
    left:46%;
    gap:7px;
  }
  .work-wave i {
    width:7px;
  }
  .work-title {
    margin-top:18px;
  }
  .work-title h3 {
    font-size:17px;
  }
  .work-title>div>span {
    font-size:10px;
  }
  .round-arrow {
    width:35px;
    height:35px;
  }
  .about-grid {
    grid-template-columns:1fr;
    gap:35px;
  }
  .about h2 {
    font-size:38px;
  }
  .about-signature {
    display:none;
  }
  .about-lead {
    font-size:23px;
  }
  .about-copy>p:not(.about-lead) {
    font-size:13px;
    line-height:1.95;
    margin-top:20px;
  }
  .about-values {
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    padding-top:26px;
    margin-top:29px;
  }
  .about-values>div {
    display:block;
  }
  .about-values h3 {
    font-size:12px;
    margin-top:12px;
  }
  .about-values p {
    font-size:9px;
    line-height:1.8;
    margin-top:8px;
  }
  .process {
    padding-bottom:65px;
  }
  .process-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    padding-top:26px;
    margin-bottom:28px;
  }
  .process-heading h2 {
    font-size:20px;
  }
  .process-list {
    grid-template-columns:repeat(2,1fr);
    gap:30px 25px;
  }
  .process-list li {
    padding-top:18px;
  }
  .process-list li:not(:last-child):after {
    top:16px;
  }
  .process-list h3 {
    font-size:15px;
    margin-top:13px;
  }
  .process-list p {
    font-size:10px;
  }
  .contact-grid {
    grid-template-columns:1fr;
    gap:20px;
  }
  .contact {
    padding-top:62px;
    padding-bottom:45px;
  }
  .contact h2 {
    font-size:36px;
    margin-top:22px;
  }
  .contact-description {
    font-size:12px;
    line-height:1.9;
    margin-top:20px;
  }
  .contact .button {
    font-size:12px;
    margin-top:26px;
    padding:15px 20px;
  }
  .brief-hint {
    font-size:9px;
    margin-top:12px;
  }
  .contact-methods {
    padding-top:27px;
  }
  .contact-method {
    gap:17px;
    padding-bottom:24px;
    margin-bottom:25px;
  }
  .contact-method a,.contact-method p {
    font-size:21px;
  }
  .method-label {
    font-size:8px;
  }
  .contact-method small {
    font-size:10px;
  }
  .contact-company {
    flex-direction:row;
    font-size:9px;
  }
  .footer-top {
    flex-wrap:wrap;
    gap:20px;
    padding-bottom:23px;
  }
  .footer-brand .brand-logo {
    width:114px;
  }
  .footer-top>p {
    order:3;
    flex-basis:100%;
    font-size:10px;
  }
  .back-top {
    font-size:10px;
  }
  .footer-bottom {
    flex-wrap:wrap;
    gap:11px 17px;
    justify-content:space-between;
    font-size:8px;
    line-height:1.7;
    padding-block:19px;
  }
  .footer-bottom .preview-note {
    margin-left:0;
    flex-basis:100%;
    font-size:8px;
    color:#819579;
  }
  .site-dialog {
    padding:43px 24px 26px;
    max-height:88dvh;
  }
  .site-dialog h2 {
    font-size:24px;
  }
  .dialog-body p,.dialog-intro {
    font-size:12px;
  }
  .form-actions,.result-actions {
    gap:15px;
  }
  .brief-dialog label {
    font-size:12px;
  }
  .brief-dialog textarea,.brief-dialog input,.brief-dialog select {
    font-size:16px;
  }
  .result-actions .button {
    font-size:11px;
  }
  .desktop-break {
    display:none;
  }
}

@media(max-width:359px) {
  .container {
    width:calc(100% - 32px);
  }
  .hero h1 {
    font-size:30px;
  }
  .hero-actions {
    gap:16px;
  }
  .hero-actions .button {
    font-size:11px;
    padding:13px 14px;
    gap:8px;
  }
  .hero-actions .text-link {
    font-size:10px;
    gap:5px;
  }
  .product-visual {
    height:320px;
  }
  .studio-window {
    left:17px;
    right:17px;
    top:57px;
  }
  .landscape-scene {
    height:130px;
  }
  .visual-caption {
    bottom:16px;
  }
  .concept-label {
    font-size:6px;
  }
  .concept-label>span:last-child {
    font-size:7px;
  }
  .language-card.first {
    left:17px;
    top:72px;
  }
  .language-card.second {
    right:17px;
    top:193px;
  }
  .language-bridge {
    top:165px;
  }
  .language-card p {
    font-size:13px;
  }
  .contact h2 {
    font-size:32px;
  }
  .work-status {
    font-size:8px;
  }
  .film-word em {
    font-size:29px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
  .product-visual:hover .studio-window {
    transform:none;
  }
}

/* Real product imagery: the frames style captured interfaces without redrawing UI. */
.hero-product-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 26px 0; }
.hero-product-links a { display:flex; align-items:center; gap:12px; padding:12px; background:#ffffff09; border:1px solid #ffffff1a; border-radius:9px; transition:background .2s,transform .2s; }
.hero-product-links a:hover { background:#ffffff12; transform:translateY(-3px); }
.hero-product-links img { width:46px; height:46px; border-radius:5px; object-fit:cover; object-position:top; }
.hero-product-links strong { display:block; font-size:13px; font-weight:500; }
.hero-product-links small { display:block; font-size:10px; color:#a8b7a9; margin-top:5px; }
.hero-product-links a>span:last-child { margin-left:auto; color:var(--green); }
#jingjietai,#livesync { scroll-margin-top:110px; }
.product-visual.screenshot-visual { display:block; width:100%; height:520px; padding:25px; text-align:left; border:1px solid #d7dfd0; color:var(--ink); }
.video-screenshot { background:radial-gradient(ellipse at 70% 20%,#edf3e7,#dce5d5); }
.screenshot-label,.screenshot-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:9px; letter-spacing:.6px; color:#5e7159; }
.screenshot-label { position:absolute; top:25px; left:25px; right:25px; font-family:Arial,var(--font); }
.screenshot-footer { position:absolute; left:25px; right:25px; bottom:24px; font-size:10px; letter-spacing:.4px; }
.screenshot-footer>span:last-child { white-space:nowrap; }
.screenshot-window { display:block; position:absolute; top:64px; left:26px; right:26px; border:1px solid #c2d0bb; border-radius:10px; overflow:hidden; background:#f4f7f1; box-shadow:0 18px 35px #38503625; transition:transform .25s; }
.screenshot-visual:hover .screenshot-window { transform:translateY(-4px); }
.screen-chrome { height:31px; display:flex; align-items:center; gap:5px; padding:0 12px; background:#f5f8f2; border-bottom:1px solid #dce4d5; }
.screen-chrome i { width:5px; height:5px; border-radius:50%; background:#c2ceb8; }
.screen-chrome b { font-size:9px; font-weight:400; margin-left:10px; color:#75816d; }
.screen-image { display:block; height:365px; overflow:hidden; }
.screen-image img { width:100%; height:100%; object-fit:cover; object-position:top; }
.product-feature-list { list-style:none; display:grid; gap:12px; margin-top:23px; }
.product-feature-list li { display:flex; gap:13px; font-size:12px; line-height:1.7; }
.product-feature-list strong { flex:none; color:#415e3f; font-weight:500; }
.product-feature-list span { color:var(--muted); }
.product-feature-list strong::before { content:'+'; margin-right:8px; color:#829574; }
.product-visual.livesync-screenshot { background:radial-gradient(ellipse at 30% 25%,#f5f6ff,#e2e6f1); border-color:#dce0ed; }
.livesync-screenshot .screenshot-label,.livesync-screenshot .screenshot-footer { color:#65718e; }
.livesync-main-shot { display:block; position:absolute; top:70px; left:24px; right:24px; border:1px solid #d5daea; border-radius:8px; overflow:hidden; box-shadow:0 14px 30px #454e7024; }
.livesync-main-shot img { display:block; width:100%; height:auto; }
.livesync-setting-shot { display:block; width:51%; position:absolute; right:22px; top:224px; height:234px; border-radius:9px; border:1px solid #cbd2e5; overflow:hidden; box-shadow:0 12px 22px #404b6b26; transform:rotate(3deg); transition:transform .25s; }
.livesync-setting-shot img { display:block; width:100%; height:auto; }
.livesync-screenshot:hover .livesync-setting-shot { transform:rotate(0deg) translateY(-3px); }
.livesync-visual-note { position:absolute; left:30px; bottom:68px; font-size:20px; line-height:1.6; color:#4a5883; letter-spacing:1px; }
.livesync-visual-note strong { font-weight:500; }
.livesync-visual-note small { display:block; font-size:9px; margin-top:10px; letter-spacing:1px; color:#7783a0; }
.real-work-grid { grid-template-columns:1fr 1fr; gap:30px; }
.real-work-art { position:relative; width:100%; aspect-ratio:auto; height:320px; padding:30px; overflow:hidden; background:#dbe4d3; }
.real-work-art>img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; border-radius:8px; box-shadow:0 12px 25px #1c342f20; transition:transform .3s; }
.real-work-art.work-language { background:#e0e5f0; }
.real-work-art.work-language>img { object-fit:contain; background:#f8fafc; }
.real-work-art .work-status { background:#f5f8f2ef; color:#52684a; border-color:#cdd9c3; }
.real-work-art .work-art-index { background:#14231edd; color:#e0ead7; padding:5px 8px; border-radius:3px; }
.work-card:hover .real-work-art>img { transform:scale(1.02); }
.site-dialog.product-detail { width:min(900px,calc(100% - 32px)); }
.detail-screenshot { margin:28px 0 0; padding:16px; background:#e8ecdf; border:1px solid #d4dcc9; border-radius:10px; }
.detail-screenshot-image { display:block; width:100%; height:auto; max-height:65vh; object-fit:contain; border-radius:5px; }
.detail-screenshot figcaption { margin-top:12px; text-align:center; color:#68795c; font-size:11px; }
@media(max-width:1199px) {
  .product-visual.screenshot-visual { height:485px; padding:20px; }
  .screen-image { height:335px; }
  .livesync-setting-shot { top:210px; height:205px; }
  .livesync-visual-note { font-size:18px; bottom:96px; }
  .product-feature-list li { display:block; }
  .product-feature-list span { display:block; margin-left:16px; font-size:11px; }
  .hero-product-links { margin-inline:18px; gap:8px; }
  .hero-product-links a { padding:10px; gap:8px; }
  .hero-product-links img { width:36px; height:42px; }
  .hero-product-links strong { font-size:11px; }
  .hero-product-links small { font-size:9px; }
}
@media(min-width:700px) and (max-width:959px) {
  .product-row { grid-template-columns:1fr 1fr; gap:25px; }
  .product-visual.screenshot-visual { height:420px; }
  .screen-image { height:275px; }
  .screenshot-window { left:18px; right:18px; }
  .screenshot-label { font-size:7px; letter-spacing:0; }
  .screenshot-footer { left:18px; right:18px; font-size:8px; }
  .livesync-main-shot { left:15px; right:15px; top:64px; }
  .livesync-setting-shot { top:180px; right:15px; height:176px; }
  .livesync-visual-note { left:20px; font-size:15px; bottom:90px; }
  .livesync-visual-note small { font-size:7px; letter-spacing:0; }
  .real-work-art { height:255px; padding:22px; }
  .hero-product-links { margin-inline:10px; }
  .hero-product-links img { display:none; }
}
@media(max-width:699px) {
  .hero-product-links { margin:24px 0 0; gap:9px; }
  .hero-product-links a { padding:11px; }
  .hero-product-links img { width:37px; height:42px; }
  .hero-art { margin-top:10px; }
  .product-visual.screenshot-visual { height:430px; padding:19px; }
  .screen-image { height:285px; }
  .screenshot-window { left:18px; right:18px; top:58px; }
  .screenshot-label { font-size:7px; letter-spacing:.2px; }
  .screenshot-footer { left:19px; right:19px; bottom:23px; font-size:9px; letter-spacing:0; }
  .livesync-main-shot { top:62px; left:17px; right:17px; }
  .livesync-setting-shot { width:49%; right:17px; top:190px; height:180px; }
  .livesync-visual-note { left:22px; bottom:100px; font-size:17px; }
  .livesync-visual-note small { font-size:8px; letter-spacing:0; }
  .product-feature-list { gap:13px; }
  .product-feature-list li { display:flex; gap:10px; font-size:12px; }
  .product-feature-list span { margin:0; font-size:11px; }
  .real-work-grid { grid-template-columns:1fr; gap:34px; }
  .real-work-art { height:280px; padding:22px; }
  .detail-screenshot { padding:8px; margin-top:24px; }
  .detail-screenshot figcaption { font-size:10px; }
}
@media(max-width:359px) {
  .hero-product-links img { width:26px; height:35px; }
  .hero-product-links a { padding:8px; gap:6px; }
  .hero-product-links small { font-size:8px; }
  .screenshot-label>span:last-child { display:none; }
  .product-feature-list li { display:block; }
  .product-feature-list span { margin-left:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-product-links a,.screenshot-window,.livesync-setting-shot,.real-work-art>img { transition:none; }
}

/* Business-facing hero, supplied product screenshots, and direct enquiries. */
.hero-layout { grid-template-columns:1fr 1fr; gap:54px; min-height:660px; }
.hero h1 { font-size:clamp(40px,4vw,58px); }
.hero-description { max-width:520px; }
.hero-copy { padding-block:54px; }
.hero-service-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:32px; }
.hero-service-tags a { font-size:11px; color:#b7c6b5; border:1px solid #c4f19b28; border-radius:4px; padding:7px 10px; }
.hero-service-tags a:hover { background:#c4f19b12; color:var(--green); }
.hero-showcase { min-width:0; padding-block:26px; }
.showcase-heading { display:flex; align-items:center; justify-content:space-between; height:96px; }
.showcase-heading p { font-size:8px; color:#8da58e; letter-spacing:2px; margin-bottom:10px; }
.showcase-heading strong { font-size:19px; font-weight:450; letter-spacing:1px; }
.hero-brand-accent { width:120px; height:90px; object-fit:contain; mix-blend-mode:lighten; }
.hero-studio-card { display:block; overflow:hidden; border:1px solid #d2e2cd36; border-radius:10px; background:#20302a; box-shadow:0 25px 60px #0003; transition:transform .25s,border-color .25s; }
.hero-studio-card:hover { transform:translateY(-3px); border-color:#c4f19b88; }
.hero-screen-heading { display:flex; align-items:center; gap:12px; padding:15px 17px; font-size:10px; color:#afc0ab; }
.hero-screen-heading strong { font-size:14px; color:#e5efdf; font-weight:500; }
.hero-screen-heading b { margin-left:auto; font-size:18px; color:var(--green); font-weight:400; }
.hero-studio-card>img { display:block; width:100%; height:auto; }
.hero-flow { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:16px 20px; font-size:11px; color:#ccd9c5; }
.hero-flow i { font-style:normal; color:#7a9277; }
.hero-meeting-card { display:flex; align-items:center; gap:17px; padding:16px 18px; margin-top:13px; border:1px solid #b2c7ed26; border-radius:9px; background:linear-gradient(110deg,#24312f,#202a34); }
.hero-meeting-card strong { display:block; font-size:13px; font-weight:500; }
.hero-meeting-card small { display:block; margin-top:7px; color:#a4b3ba; font-size:10px; line-height:1.6; }
.hero-meeting-card>b { margin-left:auto; color:#b9cbe8; font-weight:400; }
.meeting-symbol { position:relative; display:block; flex:none; font-size:22px; color:#b4c5ed; width:42px; height:39px; }
.meeting-symbol>span { position:absolute; bottom:0; right:0; font:19px Arial; color:#ddedfc; }
.product-visual.screenshot-visual.polished-product { height:520px; }
.product-promise { position:absolute; top:66px; left:26px; right:26px; font-size:25px; letter-spacing:-.6px; line-height:1.5; }
.product-promise strong { font-weight:550; }
.wide-product-screen { display:block; position:absolute; top:128px; left:24px; right:24px; overflow:hidden; border:1px solid #b9c8b3; border-radius:8px; box-shadow:0 18px 32px #314a3026; transition:transform .25s; }
.wide-product-screen img { display:block; width:100%; height:auto; }
.polished-product:hover .wide-product-screen { transform:translateY(-3px); }
.product-flow-tags { position:absolute; left:26px; right:26px; bottom:67px; display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:10px; color:#496043; }
.product-flow-tags>span { padding:8px 13px; border:1px solid #a8b99e60; border-radius:4px; background:#ffffff5e; }
.product-flow-tags i { font-style:normal; color:#92a386; }
.language-product-copy { position:absolute; left:26px; top:123px; max-width:36%; color:#4c5a84; }
.language-product-copy strong { display:block; font-size:22px; font-weight:500; line-height:1.7; }
.language-product-copy>span { display:block; font-size:10px; line-height:1.9; margin-top:23px; color:#7b86a4; }
.language-product-copy b { display:block; font-size:9px; font-weight:400; margin-top:23px; color:#64739a; }
.language-product-screen { display:block; position:absolute; top:69px; right:24px; width:56%; border:1px solid #ccd3e5; border-radius:8px; overflow:hidden; box-shadow:0 18px 35px #4d5c8420; }
.language-product-screen img { display:block; width:100%; height:auto; }
.real-work-art.work-product>img { object-fit:contain; background:#e8eee4; }
.real-work-art.work-language>img { object-position:center top; }
.wechat-qr-button { display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:#afc1a6; background:transparent; margin-top:17px; font-size:10px; }
.qr-crop { display:block; position:relative; width:158px; aspect-ratio:1; background:#fff; overflow:hidden; border-radius:6px; }
.qr-crop img { display:block; position:absolute; width:188.4375%; max-width:none; height:auto; left:-44.0625%; top:-185.9375%; }
.wechat-dialog { text-align:center; width:min(460px,calc(100% - 32px)); }
.wechat-dialog .large-qr { width:min(280px,100%); margin:26px auto; }
.wechat-dialog .button { margin-inline:auto; justify-content:center; font-size:12px; }
.site-dialog.inquiry-dialog { width:min(700px,calc(100% - 32px)); }
.inquiry-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.inquiry-contact-grid { display:grid; grid-template-columns:130px 1fr; gap:14px; }
.field-help { font-size:10px; color:#758369; margin-top:9px; line-height:1.7; }
.brief-dialog .consent-label { display:flex; align-items:flex-start; gap:10px; margin:24px 0 0; cursor:pointer; }
.brief-dialog .consent-label input { flex:none; width:16px; height:16px; padding:0; margin:3px 0 0; accent-color:#456a3c; }
.brief-dialog .consent-label>span { font-size:11px; color:#627357; line-height:1.85; font-weight:400; }
.form-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.service-status { margin-top:17px; font-size:11px; line-height:1.7; color:#726e4f; padding:10px 12px; background:#ecebdc; border-radius:5px; }
.service-status:empty { display:none; }
.inquiry-result { text-align:center; padding:32px 22px; margin-top:24px; border:1px solid #cad8bf; border-radius:9px; background:#e9f0e1; }
.receipt-mark { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#d4e5c3; color:#48603d; font-size:24px; margin:0 auto 17px; }
.inquiry-result h3 { font-weight:500; font-size:22px; }
.inquiry-result>p { color:#627357; font-size:12px; line-height:1.85; margin:15px 0; }
.receipt-number { overflow-wrap:anywhere; }
.inquiry-result .button { margin-top:12px; }
#submit-inquiry:disabled { opacity:.65; cursor:wait; }
@media(max-width:1199px) {
  .hero-layout { gap:30px; min-height:610px; }
  .hero h1 { font-size:46px; }
  .hero-screen-heading { padding:13px 14px; }
  .hero-flow { font-size:10px; padding:14px; }
  .product-visual.screenshot-visual.polished-product { height:470px; }
  .product-promise { font-size:21px; }
  .wide-product-screen { left:18px; right:18px; top:126px; }
  .product-flow-tags { left:20px; right:20px; bottom:68px; font-size:9px; }
  .product-flow-tags>span { padding:7px 9px; }
  .language-product-copy { top:126px; left:23px; }
  .language-product-copy strong { font-size:18px; }
  .language-product-screen { right:18px; top:94px; }
}
@media(min-width:700px) and (max-width:959px) {
  .hero-layout { gap:23px; min-height:560px; }
  .hero h1 { font-size:35px; }
  .hero-eyebrow { font-size:9px; letter-spacing:.6px; }
  .hero-description { font-size:11px; }
  .hero-actions { flex-wrap:wrap; gap:17px; }
  .hero-service-tags { gap:6px; margin-top:25px; }
  .hero-service-tags a { font-size:9px; padding:6px 8px; }
  .showcase-heading { height:80px; }
  .showcase-heading strong { font-size:16px; }
  .showcase-heading p { font-size:6px; letter-spacing:1.4px; }
  .hero-brand-accent { width:86px; height:64px; }
  .hero-meeting-card { padding:13px; gap:12px; }
  .hero-meeting-card small { font-size:9px; }
  .product-visual.screenshot-visual.polished-product { height:430px; }
  .product-promise { font-size:18px; top:65px; left:19px; right:19px; }
  .product-promise strong { display:block; }
  .wide-product-screen { top:143px; left:14px; right:14px; }
  .product-flow-tags { bottom:70px; left:14px; right:14px; font-size:7px; }
  .product-flow-tags>span { padding:6px; }
  .language-product-copy { top:66px; max-width:none; left:20px; }
  .language-product-copy strong { font-size:17px; }
  .language-product-copy strong br { display:none; }
  .language-product-copy>span,.language-product-copy b { display:none; }
  .language-product-screen { width:60%; top:125px; right:20%; }
}
@media(max-width:699px) {
  .hero-layout { gap:0; min-height:0; }
  .hero-copy { padding:42px 0 0; }
  .hero h1 { font-size:clamp(29px,7.7vw,44px); line-height:1.45; }
  .hero-description { font-size:12px; }
  .hero-actions { gap:22px; }
  .hero-service-tags { margin-top:24px; gap:7px; }
  .hero-service-tags a { font-size:10px; padding:6px 8px; }
  .hero-showcase { width:100%; padding:22px 0 0; }
  .showcase-heading { height:75px; }
  .showcase-heading strong { font-size:16px; }
  .showcase-heading p { font-size:7px; letter-spacing:1.6px; margin-bottom:7px; }
  .hero-brand-accent { width:100px; height:75px; }
  .hero-screen-heading { font-size:9px; padding:13px; gap:10px; }
  .hero-screen-heading strong { font-size:13px; }
  .hero-flow { font-size:10px; padding:15px; }
  .hero-meeting-card { padding:14px; gap:12px; }
  .hero-meeting-card small { font-size:9px; }
  .hero-bottom { margin-top:27px; }
  .product-visual.screenshot-visual.polished-product { height:430px; }
  .product-promise { top:65px; left:20px; right:20px; font-size:21px; }
  .product-promise strong { display:block; }
  .wide-product-screen { top:145px; left:15px; right:15px; }
  .product-flow-tags { left:17px; right:17px; bottom:65px; font-size:8px; }
  .product-flow-tags>span { padding:7px 8px; }
  .language-product-copy { left:20px; top:65px; max-width:none; }
  .language-product-copy strong { font-size:19px; }
  .language-product-copy strong br { display:none; }
  .language-product-copy>span,.language-product-copy b { display:none; }
  .language-product-screen { top:117px; width:60%; right:20%; }
  .wechat-qr-button { align-items:flex-start; }
  .inquiry-form-grid { grid-template-columns:1fr; gap:0; }
  .inquiry-contact-grid { grid-template-columns:100px 1fr; gap:10px; }
  .brief-dialog .consent-label>span { font-size:10px; }
  .inquiry-result { padding:24px 15px; }
}
@media(max-width:359px) {
  .hero-actions { gap:16px; }
  .hero-service-tags { gap:5px; }
  .hero-service-tags a { padding:6px; font-size:9px; }
  .hero-flow { padding:12px; font-size:9px; }
  .hero-meeting-card small { font-size:8px; }
  .product-promise { font-size:19px; }
  .language-product-copy strong { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-studio-card,.wide-product-screen { transition:none; }
}

/* Two equally weighted product concepts and a lighter enquiry form. */
.hero-eyebrow { font-size:18px; letter-spacing:1.5px; color:#d0ddc9; }
.equal-products .showcase-heading { height:77px; }
.showcase-mini-note { font-size:9px; color:#8e9f92; white-space:nowrap; margin-left:10px; }
.concept-product-card { display:block; border:1px solid #b6d2ac30; background:linear-gradient(115deg,#23382d,#1b2c25); border-radius:12px; padding:17px 20px 15px; transition:transform .2s,border-color .2s; }
.concept-product-card+.concept-product-card { margin-top:15px; }
.concept-product-card:hover { transform:translateY(-3px); border-color:#c4f19b70; }
.concept-meeting { border-color:#a9bce537; background:linear-gradient(115deg,#253238,#212b35); }
.concept-card-title { display:flex; align-items:center; justify-content:space-between; }
.concept-card-title>span { display:flex; align-items:baseline; gap:13px; }
.concept-card-title strong { font-size:17px; font-weight:550; color:#e8efdf; }
.concept-card-title small { font-size:10px; color:#acbba6; }
.concept-card-title>b { font-size:18px; color:#bbd3a5; font-weight:400; }
.concept-meeting .concept-card-title small,.concept-meeting .concept-card-title>b { color:#b2c1dc; }
.concept-card-art { display:flex; align-items:center; gap:23px; height:145px; padding:14px 0 12px; }
.mini-film-scene { display:block; min-width:0; width:62%; border:1px solid #b8d4aa30; border-radius:6px; overflow:hidden; background:#182c23; }
.mini-film-scene svg { display:block; width:100%; height:94px; object-fit:cover; }
.mini-timeline { position:relative; display:flex; gap:4px; height:23px; padding:6px 9px; }
.mini-timeline i { flex:1; border-radius:2px; background:#9ab98866; }
.mini-timeline i:nth-child(2) { background:#bdce8766; }
.mini-timeline i:nth-child(3) { background:#5b9c8366; }
.mini-timeline b { position:absolute; left:61%; top:3px; bottom:3px; width:1px; background:#d1edb5; }
.creation-steps { flex:1; display:grid; gap:15px; white-space:nowrap; font-size:11px; color:#cddbc5; }
.creation-steps>span { display:flex; gap:10px; align-items:center; }
.creation-steps i { font:9px Arial,sans-serif; color:#8ea77e; }
.concept-card-footer { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:#d3ddcd; }
.concept-card-footer small { font-size:9px; color:#8eaa88; }
.meeting-concept-art { gap:16px; }
.speech-source { display:grid; justify-items:center; width:26%; gap:14px; color:#b6c6dc; }
.speech-source small { font-size:10px; }
.speech-bars { display:flex; align-items:center; gap:4px; height:31px; }
.speech-bars i { display:block; width:3px; height:11px; border-radius:3px; background:#9db7e1; }
.speech-bars i:nth-child(2n) { height:22px; }
.speech-bars i:nth-child(3n) { height:31px; background:#c5d6f0; }
.speech-arrow { font-size:20px; color:#6d829d; }
.subtitle-samples { display:grid; flex:1; gap:6px; min-width:0; }
.subtitle-samples>span { display:flex; align-items:center; gap:12px; padding:7px 10px; border:1px solid #b7c8e528; background:#bdcdeb09; border-radius:5px; color:#d9e4f1; font-size:11px; }
.subtitle-samples i { font:9px Arial,sans-serif; width:22px; color:#a5bfeb; font-style:normal; }
.subtitle-samples b { margin-left:auto; font-size:5px; color:#8fb5a5; }
.concept-meeting .concept-card-footer small { color:#97aac4; }
.concise-features { margin-top:20px; gap:9px; }
.concise-features li { display:flex; gap:14px; }
.concise-features strong { min-width:100px; }
.concise-features span { margin:0; }
.product-copy .text-link { margin-top:24px; }
.meeting-scene-heading { position:absolute; top:65px; left:26px; right:26px; font-size:25px; color:#3b4e75; line-height:1.4; }
.meeting-scene-heading strong { font-weight:550; }
.meeting-scene-heading small { display:block; margin-top:7px; font-size:10px; color:#7d89a5; }
.meeting-main-image { position:absolute; top:142px; left:24px; right:24px; border:1px solid #c2cce0; border-radius:7px; overflow:hidden; background:#f5f7ff; box-shadow:0 15px 32px #425a8520; }
.meeting-main-image>img { display:block; width:100%; height:auto; }
.product-watermark { position:absolute; bottom:8px; left:12px; padding:4px 7px; font-size:8px; letter-spacing:.5px; color:#425575; background:#fffD; border-radius:3px; }
.meeting-language-inset { display:block; position:absolute; right:32px; bottom:66px; width:30%; max-width:170px; border:1px solid #bcc8e2; border-radius:7px; overflow:hidden; box-shadow:0 12px 25px #425a8526; background:#fff; }
.meeting-language-inset img { display:block; width:100%; height:auto; }
.meeting-caption-tags { position:absolute; bottom:65px; left:30px; font-size:18px; color:#53668c; line-height:1.7; }
.meeting-caption-tags>span { font-size:10px; color:#7a87a3; }
.site-dialog.inquiry-dialog { width:min(500px,calc(100% - 32px)); padding:30px 32px 23px; }
.inquiry-dialog h2 { font-size:27px; margin-top:10px; }
.inquiry-dialog .dialog-intro { margin-top:10px; font-size:12px; }
.simple-inquiry-form>label { margin:17px 0 7px; font-size:13px; }
.simple-inquiry-form input,.simple-inquiry-form textarea { padding:10px 12px; }
.simple-inquiry-form textarea { min-height:89px; }
.simple-inquiry-form .consent-label { margin-top:17px; gap:3px; }
.simple-inquiry-form .consent-label>span { font-size:11px; }
.simple-inquiry-form .form-actions { margin-top:17px; }
.simple-inquiry-form .button { width:100%; justify-content:center; gap:16px; min-height:44px; }
.inquiry-dialog .service-status { margin:12px 0 0; padding:0; background:none; font-size:10px; color:#7c846f; text-align:center; }
.inquiry-dialog .form-status:empty { display:none; }
.inquiry-email-alternative { margin:18px 0 0; padding-top:14px; border-top:1px solid #dde2d5; text-align:center; font-size:11px; line-height:1.9; color:#627357; }
.inquiry-email-alternative span { margin-right:10px; }
.inquiry-email-alternative a { display:inline-block; color:#243d2b; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:700px) and (max-width:959px) {
  .hero-eyebrow { font-size:14px; letter-spacing:.5px; }
  .equal-products .showcase-heading { height:69px; }
  .showcase-mini-note { display:none; }
  .concept-product-card { padding:14px; }
  .concept-card-title strong { font-size:14px; }
  .concept-card-title small { font-size:8px; }
  .concept-card-title>span { gap:8px; }
  .concept-card-art { gap:12px; height:138px; }
  .mini-film-scene { width:57%; }
  .creation-steps { font-size:9px; }
  .creation-steps>span { gap:6px; }
  .speech-bars { gap:3px; }
  .subtitle-samples>span { font-size:9px; padding:7px; gap:5px; }
  .subtitle-samples i { width:17px; }
  .concept-card-footer { font-size:9px; gap:5px; }
  .concept-card-footer small { font-size:7px; }
  .meeting-scene-heading { left:20px; font-size:21px; }
  .meeting-main-image { left:15px; right:15px; top:132px; }
  .meeting-language-inset { width:32%; right:20px; bottom:65px; }
  .meeting-caption-tags { left:20px; bottom:90px; font-size:16px; }
}
@media(max-width:699px) {
  .hero-eyebrow { font-size:15px; letter-spacing:1px; }
  .equal-products { padding-top:16px; }
  .equal-products .showcase-heading { height:70px; }
  .concept-product-card { padding:16px; }
  .concept-card-title strong { font-size:16px; }
  .concept-card-title small { font-size:10px; }
  .concept-card-art { gap:18px; height:140px; }
  .mini-film-scene { width:59%; }
  .concept-card-footer { font-size:10px; }
  .concept-card-footer small { font-size:8px; }
  .creation-steps { font-size:10px; }
  .meeting-concept-art { gap:12px; }
  .subtitle-samples>span { padding:7px 8px; font-size:10px; gap:7px; }
  .concise-features li { display:flex; }
  .concise-features span { margin:0; }
  .meeting-scene-heading { top:65px; left:20px; font-size:22px; }
  .meeting-main-image { top:134px; left:15px; right:15px; }
  .meeting-language-inset { width:30%; right:22px; bottom:65px; }
  .meeting-caption-tags { bottom:85px; left:22px; font-size:17px; }
  .site-dialog.inquiry-dialog { padding:27px 22px 20px; }
  .simple-inquiry-form textarea { min-height:91px; }
}
@media(max-width:359px) {
  .hero-eyebrow { font-size:14px; letter-spacing:.5px; }
  .concept-product-card { padding:13px; }
  .showcase-mini-note { display:none; }
  .concept-card-title strong { font-size:14px; }
  .concept-card-title small { font-size:8px; }
  .concept-card-title>span { gap:8px; }
  .concept-card-art { gap:11px; }
  .creation-steps>span { gap:6px; }
  .creation-steps { font-size:9px; }
  .concept-card-footer { font-size:9px; }
  .concept-card-footer small { font-size:7px; }
  .subtitle-samples>span { padding:7px 6px; font-size:9px; }
  .speech-bars { gap:3px; }
  .speech-arrow { font-size:15px; }
  .inquiry-dialog h2 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
  .concept-product-card { transition:none; }
}

/* Lead with what each product does, backed by a small actual UI preview. */
.product-preview-card .concept-card-title strong { font-size:21px; letter-spacing:.3px; }
.product-preview-card .concept-card-title small { font-size:11px; }
.real-product-preview { display:flex; align-items:center; gap:32px; height:145px; padding:13px 0; }
.hero-product-thumbnail { display:block; flex:none; width:53%; max-width:230px; aspect-ratio:1.96; overflow:hidden; border:1px solid #d0ddc550; border-radius:6px; background:#f2f5ef; box-shadow:0 7px 17px #0002; }
.hero-product-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; }
.concept-meeting .hero-product-thumbnail { border-color:#b7c9e257; background:#f5f7ff; }
.product-preview-points { display:grid; gap:14px; font-size:12px; color:#cbdcc4; }
.product-preview-points>span { display:flex; gap:10px; align-items:center; white-space:nowrap; }
.product-preview-points>span::before { content:''; width:4px; height:4px; flex:none; border-radius:50%; background:#b4ce99; }
.concept-meeting .product-preview-points { color:#ccd9ec; }
.concept-meeting .product-preview-points>span::before { background:#a6bce2; }
@media(min-width:700px) and (max-width:959px) {
  .product-preview-card .concept-card-title strong { font-size:17px; letter-spacing:0; }
  .product-preview-card .concept-card-title small { font-size:9px; }
  .real-product-preview { gap:17px; height:135px; }
  .product-preview-points { font-size:10px; gap:12px; }
  .product-preview-points>span { gap:7px; }
}
@media(max-width:699px) {
  .product-preview-card .concept-card-title strong { font-size:19px; letter-spacing:0; }
  .product-preview-card .concept-card-title small { font-size:10px; }
  .real-product-preview { gap:20px; height:127px; }
  .product-preview-points { font-size:11px; gap:12px; }
}
@media(max-width:359px) {
  .product-preview-card .concept-card-title strong { font-size:16px; }
  .product-preview-card .concept-card-title small { font-size:9px; }
  .real-product-preview { gap:14px; height:117px; }
  .product-preview-points { font-size:10px; gap:11px; }
  .product-preview-points>span { gap:7px; }
}