/* Persian shaping uses natural letter spacing at every heading size. */
@font-face {
  font-family:Vazirmatn;
  src:url('assets/fonts/vazirmatn-variable.woff2') format('woff2');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
:root {
  --paper:#faf9f5;
  --ink:#203d34;
  --forest:#173f35;
  --muted:#5d6b60;
  --line:#dedfd5;
  --sage:#eaf0df;
  --lime:#d5efad;
  --purple:#74619a;
  --blue:#417a9a;
  --gold:#99793c;
  --radius:24px;
}
*,*::before,*::after {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 16px/1.9 Vazirmatn,Tahoma,sans-serif;
  -webkit-font-smoothing:antialiased;
  font-synthesis:none;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button,input {
  font:inherit;
}
button {
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  color:inherit;
}
svg {
  display:block;
  flex-shrink:0;
}
h1,h2,h3,h4,p {
  margin:0;
}
h1,h2,h3,h4 {
  font-weight:650;
  line-height:1.6;
}
button {
  border:0;
}
ul,ol {
  margin:0;
  padding:0;
}
::selection {
  background:#d1e8b6;
  color:var(--forest);
}
[hidden] {
  display:none!important;
}
:focus-visible {
  outline:3px solid #447d5d;
  outline-offset:5px;
}
a,button,summary {
  touch-action:manipulation;
}
.container {
  width:min(1232px,calc(100% - 96px));
  margin-inline:auto;
}
.section-pad {
  padding-block:100px;
}
.icon {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.svg-library {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.skip-link {
  position:fixed;
  top:8px;
  right:20px;
  z-index:100;
  transform:translateY(-160%);
  background:var(--forest);
  color:#fff;
  padding:10px 20px;
  border-radius:8px;
}
.skip-link:focus {
  transform:none;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:56px;
  padding:14px 25px;
  border-radius:12px;
  font-size:14px;
  font-weight:550;
  white-space:nowrap;
  transition:background .2s,transform .2s,box-shadow .2s;
}
.button-dark {
  background:var(--forest);
  color:#fff;
}
.button-dark:hover {
  background:#285749;
  transform:translateY(-2px);
  box-shadow:0 7px 18px #173f3514;
}
.button-small {
  min-height:46px;
  padding:10px 19px;
  gap:16px;
  font-size:13px;
}
.button .icon {
  width:20px;
  height:20px;
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:550;
  transition:gap .2s;
}
.text-link:hover {
  gap:18px;
}
.text-link .icon {
  width:20px;
  height:20px;
}
.section-label {
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#526554;
  font-size:13px;
  font-weight:500;
}
.label-line {
  width:24px;
  height:1px;
  background:currentColor;
}
.english-label {
  font:11px/1.6 Arial,sans-serif;
  letter-spacing:1.8px;
  color:#5e6b5e;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  margin-bottom:38px;
}
.section-heading h2 {
  font-size:38px;
  line-height:1.6;
  margin-top:18px;
  letter-spacing:normal;
}
.section-heading>p {
  color:var(--muted);
  font-size:14px;
  line-height:2.1;
  padding-bottom:5px;
}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  background:#faf9f5f2;
  backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .2s;
}
.site-header.is-scrolled {
  border-color:var(--line);
}
.header-inner {
  height:102px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--forest);
  flex-shrink:0;
}
.brand-mark {
  width:44px;
  height:44px;
}
.brand-word {
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
}
.brand-word strong {
  font-size:30px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:normal;
}
.brand-word>span {
  font:8px/1.4 Arial,sans-serif;
  letter-spacing:2.2px;
  margin-top:2px;
}
.main-nav {
  display:flex;
  align-items:center;
  gap:33px;
  margin-inline:auto;
}
.main-nav a {
  font-size:13px;
  color:#526458;
  padding:12px 0;
  transition:color .2s;
}
.main-nav a:hover {
  color:var(--forest);
}
.nav-toggle {
  display:none;
}
.icon-button {
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid var(--line);
  border-radius:10px;
}
.hero {
  position:relative;
  display:grid;
  grid-template-columns:46% 54%;
  align-items:center;
  min-height:650px;
  padding-top:35px;
  padding-bottom:90px;
}
.hero-copy {
  position:relative;
  z-index:2;
  padding-bottom:22px;
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#65735f;
  margin-bottom:23px;
}
.live-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#78915c;
  box-shadow:0 0 0 5px #eaf0e0;
}
.hero h1 {
  font-size:clamp(42px,4.7vw,67px);
  line-height:1.65;
  letter-spacing:normal;
  font-weight:700;
  white-space:normal;
}
.hero-emphasis {
  position:relative;
  display:inline-block;
}
.hero-emphasis svg {
  position:absolute;
  bottom:3px;
  width:100%;
  height:17px;
  stroke:#b1cb8d;
  stroke-width:5;
  fill:none;
  stroke-linecap:round;
  z-index:-1;
}
.hero-period {
  color:#8caa6b;
  margin-right:5px;
}
.hero-description {
  font-size:15px;
  color:#697468;
  line-height:2.2;
  margin-top:21px;
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:32px;
}
.hero-actions>.text-link {
  font-size:12px;
  gap:9px;
}
.small-play {
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid #bfc8b5;
  font-size:10px;
  transform:rotate(180deg);
}
.hero-signature {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:38px;
  color:#66715d;
  font-size:11px;
}
.hero-signature .signature-line {
  width:26px;
  height:1px;
  background:#bdc5b5;
}
.hero-signature a {
  font-weight:650;
  color:#4f6250;
}
.hero-art {
  position:relative;
  align-self:center;
  margin-inline-start:-14px;
  min-width:0;
}
.art-corner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  direction:ltr;
  color:#64725b;
  font:8px/1.5 Arial,sans-serif;
  letter-spacing:1.2px;
}
.art-corner-top {
  padding-inline:34px;
  margin-bottom:-4px;
}
.art-corner-top i {
  width:42px;
  height:1px;
  background:#b8c2af;
}
.art-corner-bottom {
  margin-top:-4px;
  padding-inline:33px;
  font-size:7px;
  letter-spacing:1px;
}
.ecosystem-graphic {
  position:relative;
  width:100%;
  aspect-ratio:600/520;
  isolation:isolate;
}
.orbital-lines {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.orbit {
  stroke:#dee4d5;
  stroke-width:1;
}
.orbit-two {
  stroke-dasharray:3 8;
  stroke:#d8e0ce;
}
.connection {
  stroke-width:2;
}
.connection-purple {
  stroke:#c3b6d3;
}
.connection-blue {
  stroke:#aec5cb;
}
.connection-gold {
  stroke:#d3c29f;
}
.moving-line {
  stroke:#527853;
  stroke-width:3;
  stroke-dasharray:2 260;
  stroke-linecap:round;
  animation:flow 15s linear infinite;
  opacity:.5;
}
.orbit-dot {
  fill:#bbcaac;
}
.mini-cross {
  stroke:#a6b89a;
  stroke-width:1.5;
}
.organization-node {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:29.5%;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--forest);
  color:#f0f4e8;
  box-shadow:0 0 0 10px #faf9f5,0 0 0 11px #dce3d2,0 17px 40px #173f351a;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.organization-logo {
  width:47px;
  height:47px;
  color:#d7edb3;
  margin-bottom:5px;
}
.organization-logo svg {
  width:100%;
  height:100%;
}
.organization-node strong {
  font-size:18px;
  font-weight:550;
  line-height:1.7;
}
.organization-node>span:last-child {
  font-size:9px;
  color:#b7c6b7;
  margin-top:3px;
}
.ecosystem-node {
  position:absolute;
  background:#fffefa;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:right;
  border:1px solid #e4e6dd;
  border-radius:15px;
  padding:15px 14px;
  box-shadow:0 8px 20px #41553108;
  z-index:3;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  width:36%;
}
.ecosystem-node:hover {
  transform:translateY(-5px);
  box-shadow:0 13px 24px #41553113;
  border-color:#bbc6ae;
}
.ecosystem-node>span:nth-child(2) {
  display:flex;
  flex-direction:column;
  flex:1;
}
.ecosystem-node strong {
  font-size:16px;
  font-weight:650;
  white-space:nowrap;
}
.ecosystem-node small {
  font-size:9px;
  line-height:1.9;
  color:#66715d;
  white-space:nowrap;
}
.node-pishkaro {
  left:57%;
  top:12.5%;
}
.node-trustino {
  left:1%;
  top:57%;
}
.node-idento {
  left:59%;
  top:73%;
}
.node-spark {
  color:#7f8c78;
  font:15px Arial,sans-serif;
  align-self:flex-start;
}
.product-icon {
  width:43px;
  height:43px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  flex-shrink:0;
}
.product-icon.purple {
  color:#7b689d;
  background:#eee8f4;
}
.product-icon.blue {
  color:#4d7f9b;
  background:#e6eff4;
}
.product-icon.gold {
  color:#94763f;
  background:#f3ecdb;
}
.product-icon .icon {
  width:23px;
  height:23px;
}
.art-label {
  position:absolute;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  color:#60734f;
  white-space:nowrap;
}
.label-growth {
  left:15%;
  top:10%;
  transform:rotate(-7deg);
}
.label-growth .icon {
  width:24px;
  height:24px;
}
.label-link {
  left:9%;
  top:83%;
  font-size:9px;
}
.label-link .icon {
  width:18px;
  height:18px;
}
.art-star {
  position:absolute;
  font-family:Arial,sans-serif;
  color:#aec78e;
  line-height:1;
}
.star-one {
  left:21%;
  top:28%;
  font-size:40px;
  transform:rotate(12deg);
}
.star-two {
  left:79%;
  top:48%;
  font-size:27px;
  color:#c4b17d;
  transform:rotate(14deg);
}
.scroll-cue {
  position:absolute;
  bottom:24px;
  right:0;
  font-size:10px;
  color:#67765b;
  display:flex;
  align-items:center;
  gap:12px;
}
.scroll-line {
  height:34px;
  width:1px;
  background:#b7c5a9;
  position:relative;
}
.scroll-line:after {
  content:'';
  position:absolute;
  bottom:0;
  left:-3px;
  width:7px;
  height:7px;
  border-bottom:1px solid #9fae91;
  border-left:1px solid #9fae91;
  transform:rotate(-45deg);
}
.intro-section {
  background:#efF1e8;
  border-block:1px solid #e5e7dc;
  padding-block:65px 0;
}
.intro-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.intro-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  margin-top:26px;
  margin-bottom:48px;
}
.intro-grid h2 {
  font-size:36px;
  line-height:1.7;
  letter-spacing:normal;
}
.muted-heading {
  color:#78856e;
}
.intro-copy p {
  font-size:14px;
  color:#5c6956;
  line-height:2.2;
  max-width:510px;
}
.intro-copy p+p {
  margin-top:13px;
}
.principles-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #d8decd;
}
.principles-strip>div {
  position:relative;
  padding:24px 20px 26px;
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  column-gap:10px;
}
.principles-strip>div+div {
  border-right:1px solid #d8decd;
}
.principles-strip>div:first-child {
  padding-right:0;
}
.principles-strip .mini-icon {
  grid-row:span 2;
  color:#778d60;
  align-self:center;
}
.principles-strip strong {
  font-size:13px;
  font-weight:600;
}
.principles-strip>div>span:last-child {
  font-size:11px;
  color:#5c6d52;
  margin-top:1px;
}
.products-section {
  padding-block:92px;
}
.product-explorer {
  --accent:#786194;
  --pale:#f0ebf5;
  border:1px solid #dde0d5;
  border-radius:var(--radius);
  overflow:hidden;
  background:#fdfcf8;
}
.product-explorer[data-active-product=trustino] {
  --accent:#417a9a;
  --pale:#e9f1f5;
}
.product-explorer[data-active-product=idento] {
  --accent:#93773f;
  --pale:#f2eddf;
}
.product-tabs {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #dedfd5;
  background:#f3f3ec;
}
.product-tab {
  position:relative;
  display:flex;
  align-items:center;
  text-align:right;
  gap:13px;
  padding:25px 28px;
  background:transparent;
  transition:background .2s;
}
.product-tab+button {
  border-right:1px solid #e0e2d9;
}
.product-tab[aria-selected=true] {
  background:#fffefa;
}
.product-tab:after {
  content:'';
  height:3px;
  position:absolute;
  bottom:0;
  inset-inline:26px;
  background:transparent;
}
.product-tab[aria-selected=true]:after {
  background:var(--accent);
}
.product-tab:hover {
  background:#fffefaaa;
}
.product-tab>span:nth-child(2) {
  display:flex;
  flex-direction:column;
}
.product-tab strong {
  font-size:19px;
  font-weight:650;
  line-height:1.6;
}
.product-tab small {
  font-size:11px;
  color:#5f6d58;
}
.tab-arrow {
  margin-right:auto;
  width:18px;
  height:18px;
  opacity:.35;
}
.product-tab[aria-selected=true] .tab-arrow {
  opacity:1;
  color:var(--accent);
}
.product-panel {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:520px;
}
.product-story {
  padding:48px 42px 45px;
}
.product-story .english-label {
  font-size:9px;
  letter-spacing:1.4px;
  color:var(--accent);
  display:inline-block;
}
.product-story h3 {
  font-size:29px;
  line-height:1.65;
  margin-block:17px 17px;
  letter-spacing:normal;
}
.product-story>p {
  font-size:13px;
  line-height:2.2;
  color:#5f6d58;
  max-width:430px;
}
.check-list {
  list-style:none;
  margin-block:23px 28px;
}
.check-list li {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  margin-top:9px;
}
.check-list .icon {
  color:var(--accent);
  width:17px;
  height:17px;
}
.product-story .text-link {
  font-size:12px;
}
.product-visual {
  position:relative;
  background:#f0ebf4;
  padding:65px 47px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.product-visual:before {
  content:'';
  position:absolute;
  width:290px;
  height:290px;
  border:1px solid #d8cfe4;
  border-radius:50%;
  transform:rotate(20deg);
  z-index:-1;
}
.product-visual:after {
  content:'';
  position:absolute;
  inset:28px;
  border:1px dashed #d9d0e5;
  border-radius:50%;
  z-index:-1;
  opacity:.6;
}
.visual-blue {
  background:#eaf0f3;
}
.visual-blue:before,.visual-blue:after {
  border-color:#c8dce5;
}
.visual-gold {
  background:#f1eddf;
}
.visual-gold:before,.visual-gold:after {
  border-color:#ddd0b2;
}
.visual-overline {
  position:absolute;
  top:21px;
  inset-inline:25px;
  display:flex;
  justify-content:space-between;
  font-size:9px;
  color:#695777;
}
.visual-overline>span {
  font-size:8px;
  border:1px solid #d5cddd;
  border-radius:4px;
  padding:0 6px;
}
.visual-blue .visual-overline {
  color:#466979;
}
.visual-blue .visual-overline>span {
  border-color:#c3d6df;
}
.visual-gold .visual-overline {
  color:#74613a;
}
.visual-gold .visual-overline>span {
  border-color:#d8ccac;
}
.demo-window {
  position:relative;
  width:100%;
  max-width:395px;
  background:#fffefa;
  border:1px solid #fff;
  border-radius:16px;
  box-shadow:0 24px 50px #7567861a;
  transform:rotate(-3deg);
  padding:22px;
  direction:rtl;
}
.demo-window-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:15px;
  border-bottom:1px solid #edeee8;
}
.demo-app {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:650;
}
.demo-app .icon {
  color:var(--accent);
  width:19px;
  height:19px;
}
.window-dots {
  display:flex;
  gap:4px;
  direction:ltr;
}
.window-dots i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d9ddd3;
}
.window-dots i:first-child {
  background:#c4d3b6;
}
.work-demo-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:19px;
}
.work-demo-heading small {
  font-size:9px;
  color:#6e7664;
}
.work-demo-heading h4 {
  font-size:17px;
  font-weight:600;
}
.demo-avatar {
  width:32px;
  height:32px;
  background:#ece6f2;
  color:#8b739c;
  border:3px solid #f7f4fb;
  border-radius:50%;
  text-align:center;
  font-size:13px;
}
.work-progress {
  background:#f5f2f8;
  border-radius:8px;
  padding:10px;
  margin:16px 0 14px;
}
.work-progress>div {
  display:flex;
  gap:4px;
  font-size:8px;
  color:#6f5c7d;
}
.work-progress>div span:first-child {
  margin-left:auto;
}
.progress-track {
  display:block;
  height:4px;
  border-radius:4px;
  background:#e5ddea;
  margin-top:7px;
}
.progress-track i {
  display:block;
  height:100%;
  width:66%;
  background:#a795be;
  border-radius:inherit;
}
.demo-task {
  display:flex;
  gap:8px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid #f0f0e9;
}
.demo-task:last-child {
  border:0;
  padding-bottom:0;
}
.task-check {
  display:flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  border:1px solid #d7dccd;
  border-radius:5px;
  flex-shrink:0;
}
.task-check .icon {
  width:11px;
  height:11px;
}
.done .task-check {
  background:#e7efdf;
  border-color:#e7efdf;
  color:#70885b;
}
.demo-task>span:nth-child(2) {
  display:flex;
  flex-direction:column;
}
.demo-task strong {
  font-size:9px;
  font-weight:550;
  line-height:1.8;
}
.demo-task small {
  font-size:7px;
  color:#6e7664;
}
.task-state {
  font-size:7px;
  color:#5c724a;
  margin-right:auto;
  white-space:nowrap;
}
.task-state.active {
  color:#806225;
  background:#f5eedc;
  padding:0 5px;
  border-radius:4px;
}
.floating-note {
  position:absolute;
  bottom:42px;
  left:25px;
  background:#fffefa;
  border:1px solid #fff;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border-radius:10px;
  font-size:10px;
  box-shadow:0 10px 20px #49403d0a;
  transform:rotate(3deg);
  z-index:2;
}
.floating-note .icon {
  width:18px;
  height:18px;
  color:var(--accent);
}
.visual-doodle {
  position:absolute;
  top:65px;
  right:23px;
  color:#b4a2c8;
  font:48px Arial,sans-serif;
  transform:rotate(-9deg);
  z-index:2;
}
.visual-blue .visual-doodle {
  color:#9fbcc9;
}
.visual-gold .visual-doodle {
  color:#c8b27a;
}
.finance-demo {
  transform:rotate(2deg);
}
.finance-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
  font-size:10px;
  color:#5b6e67;
}
.sample-tag {
  display:inline-flex;
  border-radius:4px;
  background:#eef2e9;
  color:#60714e;
  font-size:8px;
  padding:1px 7px;
}
.sample-amount {
  display:flex;
  flex-direction:column;
  margin-top:9px;
}
.sample-amount strong {
  font-size:28px;
  letter-spacing:normal;
  line-height:1.5;
  font-weight:600;
  color:#315e70;
}
.sample-amount>span {
  font-size:8px;
  color:#5e726a;
}
.chart-bars {
  height:105px;
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  gap:10px;
  padding-top:12px;
  border-bottom:1px solid #dde8eb;
  margin-top:14px;
  direction:ltr;
  background:repeating-linear-gradient(to top,transparent 0px,transparent 32px,#edf0ea 33px,transparent 34px);
}
.chart-bars>i {
  height:var(--bar);
  width:20px;
  max-width:9%;
  background:#9eb9c8;
  display:block;
  border-radius:4px 4px 0 0;
  position:relative;
}
.chart-bars>i:after {
  content:'';
  position:absolute;
  left:-4px;
  bottom:0;
  width:6px;
  height:65%;
  background:#d8e4dd;
  border-radius:3px 3px 0 0;
}
.chart-bars>i:last-child {
  background:#4e819b;
}
.finance-legend {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:7px;
  color:#5d7061;
  padding:8px 0 16px;
}
.finance-legend>span {
  display:flex;
  align-items:center;
  gap:4px;
}
.finance-legend i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#8faebe;
}
.finance-legend>span:nth-child(2) i {
  background:#c8d9cc;
}
.finance-legend>span:last-child {
  margin-right:auto;
}
.finance-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #e9eee6;
  padding-top:12px;
  font-size:9px;
  color:#63725b;
}
.finance-bottom strong {
  font-size:14px;
  color:#546953;
  font-weight:550;
}
.finance-bottom small {
  font-size:8px;
  font-weight:400;
}
.asset-demo {
  transform:rotate(-2deg);
}
.asset-identity {
  display:flex;
  align-items:center;
  gap:12px;
  margin-block:15px;
}
.asset-cube {
  width:85px;
  height:85px;
  background:#f6f1e4;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.asset-cube svg {
  width:72px;
  height:72px;
}
.asset-identity h4 {
  font-size:20px;
  margin-top:5px;
}
.asset-identity bdi {
  display:block;
  font:9px/1.5 Arial,sans-serif;
  color:#71664f;
  text-align:right;
  letter-spacing:1px;
}
.asset-attributes {
  margin:0;
}
.asset-attributes>div {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px 0;
  border-top:1px solid #f0eee5;
  font-size:9px;
}
.asset-attributes dt {
  color:#6e7664;
}
.asset-attributes dd {
  margin:0;
  color:#66715c;
}
.asset-status {
  display:flex;
  align-items:center;
  gap:5px;
}
.asset-status i {
  width:4px;
  height:4px;
  background:#91a26d;
  border-radius:50%;
}
.asset-history {
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:12px;
  background:#f6f2e7;
  padding:11px 8px;
  border-radius:7px;
  font-size:7px;
  color:#75603b;
}
.history-dot {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b8a16c;
}
.asset-history>i {
  height:1px;
  background:#d7c9a6;
  flex:1;
  min-width:4px;
}
.product-caption {
  display:flex;
  align-items:baseline;
  gap:9px;
  font-size:10px;
  color:#7a8473;
  margin-top:19px;
  line-height:2;
}
.product-caption>span {
  width:5px;
  height:5px;
  background:#9aaf85;
  border-radius:50%;
  flex-shrink:0;
}
.growth-surface {
  position:relative;
  background:var(--forest);
  border-radius:28px;
  padding:65px 56px;
  display:grid;
  grid-template-columns:1fr 1.14fr;
  gap:55px;
  color:#f5f5ec;
  overflow:hidden;
}
.growth-surface:before {
  content:'';
  position:absolute;
  width:530px;
  height:530px;
  border:1px solid #d7e4b80e;
  border-radius:50%;
  left:-220px;
  bottom:-350px;
  box-shadow:0 0 0 55px #d7e4b805,0 0 0 110px #d7e4b803;
  pointer-events:none;
}
.section-label.light {
  color:#b3c4ab;
}
.growth-copy h2 {
  font-size:34px;
  line-height:1.7;
  letter-spacing:normal;
  margin-block:22px 20px;
}
.growth-copy h2>span {
  color:var(--lime);
}
.growth-copy>p {
  color:#a8bcae;
  font-size:13px;
  line-height:2.3;
  max-width:360px;
}
.growth-footnote {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:#a8bfa0;
  margin-top:40px;
}
.growth-footnote .icon {
  width:22px;
  height:22px;
  color:#c2da9c;
}
.growth-explorer {
  min-width:0;
  padding-top:5px;
}
.growth-steps {
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #537261;
}
.growth-step {
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:10px 8px 21px;
  color:#b1c5b6;
  text-align:right;
  position:relative;
  width:100%;
}
.growth-step>span {
  font-size:11px;
  color:#a4b59a;
  margin-bottom:10px;
}
.growth-step strong {
  font-weight:500;
  font-size:13px;
}
.growth-step small {
  font-size:8px;
  color:#adc2b0;
  margin-top:3px;
  white-space:nowrap;
}
.growth-step[aria-pressed=true] {
  color:#e3f1ce;
}
.growth-step[aria-pressed=true]>span {
  color:var(--lime);
}
.growth-step:after {
  content:'';
  position:absolute;
  bottom:-1px;
  inset-inline:0;
  height:2px;
  background:transparent;
}
.growth-step[aria-pressed=true]:after {
  background:#c7e49e;
}
.growth-step:hover {
  color:#e3f1ce;
}
.growth-step:focus-visible {
  outline-color:#d5efad;
  outline-offset:-1px;
}
.growth-detail {
  display:flex;
  align-items:flex-start;
  gap:15px;
  margin-top:32px;
  min-height:164px;
}
.growth-detail-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:41px;
  height:41px;
  border:1px solid #617951;
  border-radius:11px;
  flex-shrink:0;
  color:#c0db96;
}
.growth-detail-icon .icon {
  width:23px;
  height:23px;
}
.growth-detail-kicker {
  font-size:9px;
  color:#b4c69f;
}
.growth-detail h3 {
  font-size:17px;
  line-height:1.8;
  font-weight:500;
  margin-block:6px 9px;
}
.growth-detail p {
  font-size:11px;
  color:#abc1af;
  line-height:2.3;
  max-width:355px;
}
.growth-track {
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:14px;
  margin-top:14px;
  height:48px;
  opacity:.8;
  direction:ltr;
}
.growth-track>span {
  width:48px;
  background:#6f8a5c;
  display:block;
  border-radius:3px 3px 0 0;
  height:4px;
}
.growth-track>span:nth-child(2) {
  height:9px;
  background:#94ae76;
}
.growth-track>span:nth-child(3) {
  height:14px;
  background:#b7ce92;
}
.growth-track svg {
  height:55px;
  width:55px;
  fill:none;
  stroke:#c2db9e;
  stroke-width:1.7;
  margin-left:2px;
}
.approach-section {
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:100px;
  padding-block:110px;
}
.approach-intro h2 {
  font-size:36px;
  line-height:1.65;
  margin-top:20px;
  letter-spacing:normal;
}
.approach-intro>p {
  font-size:13px;
  color:#606e56;
  line-height:2.1;
  margin-top:18px;
}
.approach-seal {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:30px;
  color:#859a6b;
}
.approach-seal svg {
  width:53px;
  height:53px;
  fill:none;
  stroke:currentColor;
  stroke-width:1;
  transform:rotate(-10deg);
}
.approach-seal svg path {
  stroke-width:2;
}
.approach-seal>span {
  font-size:10px;
  line-height:1.8;
}
.approach-list article {
  display:flex;
  align-items:flex-start;
  gap:22px;
  border-bottom:1px solid #dfe2d6;
  padding-block:28px;
}
.approach-list article:first-child {
  padding-top:12px;
}
.approach-list article:last-child {
  border:0;
  padding-bottom:0;
}
.approach-number {
  font-size:11px;
  color:#98a488;
  padding-top:5px;
}
.approach-list h3 {
  font-size:19px;
  font-weight:550;
}
.approach-list p {
  font-size:12px;
  color:#606e56;
  line-height:2.1;
  margin-top:9px;
  max-width:480px;
}
.approach-list article>.icon {
  width:21px;
  height:21px;
  color:#8b9c75;
  margin-right:auto;
  margin-top:6px;
}
.faq-section {
  border-top:1px solid #e2e4d9;
  background:#f3f4ed;
  padding-block:85px;
}
.faq-grid {
  display:grid;
  grid-template-columns:.85fr 1.35fr;
  gap:105px;
}
.faq-intro h2 {
  font-size:35px;
  line-height:1.7;
  margin-top:20px;
  letter-spacing:normal;
}
.faq-intro p {
  font-size:12px;
  color:#5e6e51;
  line-height:2.3;
  margin-top:25px;
}
.faq-intro .text-link {
  font-size:12px;
  color:#486044;
  line-height:2.5;
}
.faq-list details {
  border-bottom:1px solid #dce0d2;
}
.faq-list details:first-child {
  border-top:1px solid #dce0d2;
}
.faq-list summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  cursor:pointer;
  padding-block:23px;
  font-size:14px;
  font-weight:500;
  line-height:1.9;
}
.faq-list summary::-webkit-details-marker {
  display:none;
}
.faq-toggle {
  width:25px;
  height:25px;
  border:1px solid #cfd8c1;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#79915e;
}
.faq-toggle .icon {
  width:14px;
  height:14px;
  transition:transform .2s;
}
.faq-list details[open] .faq-toggle .icon {
  transform:rotate(45deg);
}
.faq-list details>div {
  padding:0 0 22px 35px;
  color:#5d6f4f;
  font-size:12px;
  line-height:2.2;
}
.faq-list .text-link {
  font-size:12px;
  margin-top:12px;
  color:#466141;
}
.contact-section {
  padding-block:90px 0;
}
.contact-surface {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:30px;
  align-items:center;
  background:#e8efda;
  border:1px solid #dfe7cf;
  border-radius:26px;
  padding:47px 55px;
}
.contact-surface h2 {
  font-size:33px;
  line-height:1.7;
  margin-top:17px;
  letter-spacing:normal;
}
.contact-surface p {
  font-size:13px;
  color:#536944;
  margin-top:14px;
}
.contact-actions {
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:26px;
}
.contact-actions .button {
  font-size:12px;
  min-height:50px;
  gap:30px;
}
.contact-phone {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  white-space:nowrap;
}
.contact-phone .icon {
  width:18px;
  height:18px;
}
.contact-art {
  position:relative;
  width:265px;
  margin:auto;
  color:#66824b;
}
.contact-art svg {
  width:100%;
  height:auto;
  stroke:#77945a;
  stroke-width:1;
}
.contact-art svg>path {
  stroke:var(--forest);
  stroke-width:3;
}
.contact-art svg>circle:last-child {
  stroke:none;
  fill:var(--forest);
}
.contact-art>span {
  display:block;
  text-align:center;
  font:8px/1.6 Arial,sans-serif;
  letter-spacing:3.5px;
  margin-top:-5px;
}
.site-footer {
  padding-top:65px;
  padding-bottom:24px;
}
.footer-main {
  display:flex;
  gap:35px;
  align-items:center;
  padding-bottom:35px;
}
.footer-main>.brand .brand-mark {
  width:39px;
  height:39px;
}
.footer-main>.brand .brand-word strong {
  font-size:27px;
}
.footer-main>p {
  font-size:11px;
  color:#647354;
  line-height:2.1;
}
.footer-main nav {
  display:flex;
  gap:24px;
  margin-right:auto;
  color:#647457;
  font-size:12px;
}
.footer-contact {
  margin-right:15px;
  font-size:12px;
}
.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid #dfe2d5;
  padding-top:20px;
  font-size:9px;
  color:#637450;
}
.footer-bottom>span[lang] {
  font:9px Arial,sans-serif;
  letter-spacing:.4px;
  color:#637450;
}
.back-top {
  font-size:10px;
}
.not-found {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:20px;
  padding-block:50px;
}
.not-found-brand {
  width:60px;
}
.not-found-code {
  font:100px/1.1 Arial,sans-serif;
  color:#b6c49f;
  letter-spacing:8px;
}
.not-found h1 {
  font-size:28px;
}
.not-found p {
  color:var(--muted);
  max-width:420px;
  font-size:14px;
}
.not-found .button {
  margin-top:10px;
}
@keyframes flow {
  to {
    stroke-dashoffset:-1100;
  }
}
@media(min-width:1600px) {
  .hero {
    min-height:710px;
  }
  .hero h1 {
    font-size:69px;
  }
  .hero-description {
    font-size:16px;
  }
}
@media(max-width:1199px) {
  .container {
    width:calc(100% - 64px);
  }
  .header-inner {
    gap:24px;
  }
  .main-nav {
    gap:23px;
  }
  .hero {
    min-height:600px;
    grid-template-columns:47% 53%;
  }
  .hero h1 {
    font-size:5vw;
    letter-spacing:normal;
  }
  .hero-actions {
    gap:18px;
  }
  .hero-actions>.button {
    font-size:12px;
    gap:13px;
    padding-inline:19px;
  }
  .hero-actions>.text-link {
    font-size:10px;
    gap:5px;
  }
  .hero-description {
    font-size:13px;
  }
  .organization-node strong {
    font-size:16px;
  }
  .ecosystem-node {
    padding:12px 10px;
    gap:7px;
    width:38%;
  }
  .ecosystem-node .product-icon {
    width:35px;
    height:35px;
    border-radius:9px;
  }
  .ecosystem-node .product-icon .icon {
    width:20px;
    height:20px;
  }
  .ecosystem-node strong {
    font-size:14px;
  }
  .ecosystem-node small {
    font-size:8px;
  }
  .node-idento {
    left:58%;
  }
  .organization-logo {
    width:39px;
    height:39px;
  }
  .intro-grid {
    gap:55px;
  }
  .product-tab {
    padding:23px 22px;
    gap:10px;
  }
  .product-tab small {
    font-size:9px;
  }
  .product-tab strong {
    font-size:18px;
  }
  .product-story {
    padding:40px 30px;
  }
  .product-story h3 {
    font-size:26px;
  }
  .product-visual {
    padding:65px 35px;
  }
  .growth-surface {
    padding:50px 38px;
    gap:35px;
  }
  .growth-copy h2 {
    font-size:29px;
  }
  .growth-step strong {
    font-size:12px;
  }
  .growth-step small {
    font-size:7px;
  }
  .growth-detail h3 {
    font-size:15px;
  }
  .approach-section,.faq-grid {
    gap:65px;
  }
  .contact-surface {
    padding:42px;
  }
  .contact-actions {
    gap:20px;
  }
  .footer-main {
    gap:25px;
  }
  .footer-main nav {
    gap:20px;
  }
  .footer-contact {
    margin-right:0;
  }
}
@media(max-width:959px) {
  .header-inner {
    height:86px;
    gap:20px;
  }
  .brand-mark {
    width:38px;
    height:38px;
  }
  .brand-word strong {
    font-size:27px;
  }
  .main-nav {
    gap:18px;
  }
  .main-nav a {
    font-size:11px;
  }
  .header-cta {
    font-size:11px;
    gap:8px;
    padding-inline:13px;
    min-height:42px;
  }
  .hero {
    min-height:540px;
    padding-top:25px;
    padding-bottom:75px;
  }
  .hero h1 {
    font-size:5.1vw;
    letter-spacing:normal;
  }
  .eyebrow {
    font-size:10px;
    margin-bottom:17px;
  }
  .hero-description {
    font-size:12px;
    margin-top:15px;
  }
  .hero-actions {
    gap:13px;
    flex-wrap:wrap;
    margin-top:23px;
  }
  .hero-actions>.button {
    min-height:48px;
    font-size:11px;
    gap:10px;
    padding:10px 16px;
  }
  .hero-signature {
    margin-top:25px;
    font-size:9px;
  }
  .art-corner-top {
    padding-inline:15px;
    font-size:6px;
  }
  .art-corner-bottom {
    padding-inline:15px;
    font-size:5px;
  }
  .ecosystem-node {
    width:40%;
    padding:10px 8px;
    gap:6px;
    border-radius:11px;
  }
  .ecosystem-node strong {
    font-size:12px;
  }
  .ecosystem-node small {
    font-size:6px;
  }
  .ecosystem-node .product-icon {
    width:29px;
    height:29px;
    border-radius:8px;
  }
  .ecosystem-node .product-icon .icon {
    width:17px;
    height:17px;
  }
  .node-spark {
    font-size:11px;
  }
  .node-pishkaro {
    left:56%;
  }
  .node-idento {
    left:57%;
  }
  .organization-node strong {
    font-size:13px;
  }
  .organization-node>span:last-child {
    font-size:6px;
  }
  .organization-logo {
    width:33px;
    height:33px;
    margin-bottom:1px;
  }
  .art-label {
    font-size:8px;
    gap:5px;
  }
  .label-growth .icon {
    width:20px;
    height:20px;
  }
  .label-link {
    font-size:7px;
  }
  .label-link .icon {
    width:14px;
    height:14px;
  }
  .star-one {
    font-size:29px;
  }
  .star-two {
    font-size:22px;
  }
  .section-pad {
    padding-block:72px;
  }
  .intro-section {
    padding-block:50px 0;
  }
  .intro-grid h2 {
    font-size:30px;
  }
  .intro-copy p {
    font-size:12px;
  }
  .intro-grid {
    gap:40px;
    margin-bottom:35px;
  }
  .principles-strip>div {
    padding:20px 14px;
    column-gap:5px;
    grid-template-columns:30px 1fr;
  }
  .principles-strip strong {
    font-size:11px;
  }
  .principles-strip>div>span:last-child {
    font-size:9px;
  }
  .principles-strip .icon {
    width:20px;
    height:20px;
  }
  .section-heading h2 {
    font-size:32px;
  }
  .section-heading>p {
    font-size:12px;
  }
  .product-tab {
    padding:20px 16px;
    gap:8px;
  }
  .product-tab .product-icon {
    width:36px;
    height:36px;
  }
  .product-tab strong {
    font-size:16px;
  }
  .product-tab small {
    font-size:8px;
  }
  .tab-arrow {
    display:none;
  }
  .product-panel {
    min-height:480px;
    grid-template-columns:1fr 1fr;
  }
  .product-story {
    padding:35px 25px;
  }
  .product-story h3 {
    font-size:23px;
  }
  .product-story>p {
    font-size:11px;
  }
  .check-list li {
    font-size:10px;
    gap:6px;
  }
  .product-story .english-label {
    font-size:7px;
    letter-spacing:1px;
  }
  .product-story .text-link {
    font-size:10px;
    gap:8px;
  }
  .product-visual {
    padding:55px 27px;
  }
  .demo-window {
    padding:18px 15px;
  }
  .demo-task {
    gap:5px;
  }
  .demo-task strong {
    font-size:8px;
  }
  .task-state {
    font-size:6px;
  }
  .floating-note {
    left:16px;
    bottom:38px;
    font-size:8px;
    padding:8px 10px;
    gap:6px;
  }
  .floating-note .icon {
    width:15px;
    height:15px;
  }
  .visual-doodle {
    font-size:38px;
    right:12px;
  }
  .visual-overline {
    inset-inline:18px;
    font-size:8px;
  }
  .visual-overline>span {
    font-size:6px;
  }
  .sample-amount strong {
    font-size:25px;
  }
  .asset-identity h4 {
    font-size:18px;
  }
  .asset-cube {
    width:65px;
    height:65px;
  }
  .asset-cube svg {
    width:58px;
    height:58px;
  }
  .asset-attributes>div {
    font-size:8px;
  }
  .asset-history {
    font-size:6px;
  }
  .growth-surface {
    grid-template-columns:1fr;
    gap:35px;
    padding:42px;
  }
  .growth-copy {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:35px;
  }
  .growth-copy>.section-label {
    grid-column:span 2;
  }
  .growth-copy h2 {
    font-size:30px;
    margin-bottom:0;
  }
  .growth-copy>p {
    margin-top:26px;
  }
  .growth-footnote {
    margin-top:20px;
  }
  .growth-explorer {
    padding-top:0;
  }
  .growth-step {
    padding-inline:12px;
  }
  .growth-step strong {
    font-size:14px;
  }
  .growth-step small {
    font-size:10px;
  }
  .growth-detail {
    min-height:120px;
  }
  .growth-detail h3 {
    font-size:18px;
  }
  .growth-detail p {
    max-width:530px;
    font-size:12px;
  }
  .growth-track {
    position:absolute;
    left:40px;
    bottom:25px;
    opacity:.4;
    transform:scale(.7);
    transform-origin:bottom left;
  }
  .approach-section {
    gap:40px;
    grid-template-columns:.9fr 1.2fr;
  }
  .approach-intro h2 {
    font-size:30px;
  }
  .approach-list h3 {
    font-size:16px;
  }
  .approach-list p {
    font-size:11px;
  }
  .approach-list article {
    gap:14px;
  }
  .faq-grid {
    gap:40px;
    grid-template-columns:.9fr 1.3fr;
  }
  .faq-intro h2 {
    font-size:29px;
  }
  .faq-list summary {
    font-size:12px;
    gap:14px;
    padding-block:20px;
  }
  .faq-list details>div {
    font-size:11px;
    padding-left:0;
  }
  .contact-section {
    padding-block:65px 0;
  }
  .contact-surface {
    padding:35px;
    grid-template-columns:1.6fr .8fr;
    gap:10px;
  }
  .contact-surface h2 {
    font-size:27px;
  }
  .contact-surface .section-label {
    font-size:10px;
  }
  .contact-surface p {
    font-size:11px;
  }
  .contact-actions {
    gap:18px;
    flex-wrap:wrap;
  }
  .contact-art {
    width:185px;
  }
  .contact-actions .button {
    gap:15px;
    font-size:11px;
  }
  .contact-phone {
    font-size:11px;
  }
  .footer-main {
    flex-wrap:wrap;
    gap:24px;
  }
  .footer-main>p {
    font-size:10px;
  }
  .footer-main nav {
    gap:15px;
    font-size:11px;
  }
  .footer-contact {
    font-size:11px;
  }
  .footer-bottom {
    font-size:8px;
    gap:12px;
  }
  .footer-bottom>span[lang] {
    font-size:7px;
  }
}
@media(max-width:719px) {
  html {
    scroll-padding-top:90px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .header-inner {
    height:78px;
    gap:12px;
  }
  .brand {
    gap:7px;
  }
  .brand-mark {
    width:35px;
    height:35px;
  }
  .brand-word strong {
    font-size:25px;
  }
  .brand-word>span {
    font-size:6px;
    letter-spacing:1.8px;
  }
  .nav-toggle:not([hidden]) {
    display:flex;
    margin-right:auto;
    order:2;
  }
  .header-cta {
    order:1;
    font-size:10px;
    min-height:40px;
    padding:8px 12px;
    gap:8px;
    margin-right:auto;
  }
  .header-cta .icon {
    width:16px;
    height:16px;
  }
  .main-nav {
    position:absolute;
    top:77px;
    inset-inline:0;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    display:none;
    padding:15px 22px 22px;
    box-shadow:0 12px 18px #173f3508;
    gap:0;
  }
  .main-nav.is-open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .main-nav a {
    font-size:14px;
    padding:12px;
    border-radius:7px;
  }
  .main-nav a:hover {
    background:var(--sage);
  }
  body:not(.enhanced) .main-nav {
    display:flex;
    position:static;
    flex-wrap:wrap;
    flex-basis:100%;
    padding:0;
    border:0;
    box-shadow:none;
  }
  body:not(.enhanced) .header-inner {
    height:auto;
    flex-wrap:wrap;
    padding-block:15px;
  }
  body:not(.enhanced) .main-nav a {
    font-size:11px;
    padding:6px;
  }
  .hero {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding-top:37px;
    padding-bottom:65px;
  }
  .hero-copy {
    padding-bottom:0;
  }
  .eyebrow {
    font-size:11px;
    margin-bottom:19px;
  }
  .hero h1 {
    font-size:clamp(41px,8.3vw,59px);
    letter-spacing:normal;
    line-height:1.65;
  }
  .hero-emphasis svg {
    bottom:2px;
    stroke-width:4;
  }
  .hero-description {
    font-size:13px;
    line-height:2.15;
    margin-top:20px;
  }
  .hero-actions {
    margin-top:25px;
    gap:24px;
    flex-wrap:nowrap;
  }
  .hero-actions>.button {
    font-size:12px;
    min-height:50px;
    gap:20px;
    padding:12px 20px;
  }
  .hero-actions>.text-link {
    font-size:11px;
    gap:7px;
  }
  .hero-signature {
    font-size:10px;
    margin-top:25px;
  }
  .hero-art {
    margin:35px auto 0;
    width:min(100%,510px);
    align-self:center;
  }
  .art-corner-top {
    font-size:7px;
    padding-inline:12px;
  }
  .art-corner-bottom {
    font-size:6px;
    padding-inline:12px;
  }
  .ecosystem-node {
    padding:13px 10px;
    gap:8px;
    width:39%;
    border-radius:13px;
  }
  .ecosystem-node strong {
    font-size:15px;
  }
  .ecosystem-node small {
    font-size:8px;
  }
  .ecosystem-node .product-icon {
    width:35px;
    height:35px;
    border-radius:10px;
  }
  .ecosystem-node .product-icon .icon {
    width:20px;
    height:20px;
  }
  .organization-node strong {
    font-size:16px;
  }
  .organization-node>span:last-child {
    font-size:8px;
  }
  .organization-logo {
    width:41px;
    height:41px;
    margin-bottom:3px;
  }
  .node-pishkaro {
    left:57%;
  }
  .node-idento {
    left:58%;
  }
  .node-spark {
    font-size:13px;
  }
  .art-label {
    font-size:9px;
  }
  .label-link {
    font-size:8px;
  }
  .star-one {
    font-size:35px;
  }
  .star-two {
    font-size:26px;
  }
  .scroll-cue {
    bottom:14px;
    font-size:9px;
  }
  .scroll-line {
    height:26px;
  }
  .section-pad {
    padding-block:58px;
  }
  .section-label {
    font-size:11px;
    gap:9px;
  }
  .english-label {
    font-size:8px;
    letter-spacing:1.2px;
  }
  .intro-section {
    padding-block:38px 0;
  }
  .intro-grid {
    grid-template-columns:1fr;
    gap:22px;
    margin-top:23px;
    margin-bottom:30px;
  }
  .intro-grid h2 {
    font-size:30px;
  }
  .intro-copy p {
    font-size:12px;
    max-width:none;
  }
  .intro-copy p+p {
    margin-top:12px;
  }
  .principles-strip {
    grid-template-columns:1fr;
  }
  .principles-strip>div {
    padding:18px 0;
    grid-template-columns:35px 1fr;
    column-gap:8px;
  }
  .principles-strip>div+div {
    border-right:0;
    border-top:1px solid #d8decd;
  }
  .principles-strip strong {
    font-size:12px;
  }
  .principles-strip>div>span:last-child {
    font-size:10px;
  }
  .principles-strip .icon {
    width:23px;
    height:23px;
  }
  .section-heading {
    display:block;
    margin-bottom:28px;
  }
  .section-heading h2 {
    font-size:30px;
    margin-top:16px;
  }
  .section-heading>p {
    font-size:11px;
    line-height:2;
    margin-top:17px;
  }
  .section-heading>p br {
    display:none;
  }
  .product-explorer {
    border-radius:18px;
  }
  .product-tabs {
    gap:0;
  }
  .product-tab {
    padding:16px 6px 14px;
    gap:6px;
    flex-direction:column;
    text-align:center;
  }
  .product-tab:after {
    inset-inline:10px;
    height:2px;
  }
  .product-tab .product-icon {
    width:33px;
    height:33px;
    border-radius:9px;
  }
  .product-tab .product-icon .icon {
    width:19px;
    height:19px;
  }
  .product-tab strong {
    font-size:15px;
  }
  .product-tab small {
    font-size:7px;
    line-height:1.7;
    white-space:nowrap;
  }
  .product-panel {
    grid-template-columns:1fr;
  }
  .product-story {
    padding:30px 25px;
  }
  .product-story .english-label {
    font-size:8px;
    letter-spacing:1.4px;
  }
  .product-story h3 {
    font-size:26px;
    margin-block:15px;
  }
  .product-story>p {
    font-size:12px;
    line-height:2.2;
    max-width:none;
  }
  .check-list {
    margin-block:22px 25px;
  }
  .check-list li {
    font-size:11px;
    margin-top:10px;
    gap:8px;
  }
  .product-story .text-link {
    font-size:11px;
  }
  .product-visual {
    min-height:455px;
    padding:65px 40px;
  }
  .demo-window {
    max-width:340px;
    padding:22px;
  }
  .demo-task strong {
    font-size:9px;
  }
  .demo-task small {
    font-size:8px;
  }
  .task-state {
    font-size:7px;
  }
  .demo-task {
    padding-block:11px;
    gap:7px;
  }
  .demo-task .task-check {
    width:18px;
    height:18px;
  }
  .floating-note {
    bottom:34px;
    left:25px;
    font-size:10px;
    padding:10px 15px;
    gap:8px;
  }
  .visual-doodle {
    top:49px;
    right:22px;
    font-size:45px;
  }
  .visual-overline {
    inset-inline:23px;
    font-size:9px;
    top:19px;
  }
  .visual-overline>span {
    font-size:8px;
  }
  .sample-amount strong {
    font-size:29px;
  }
  .finance-heading {
    font-size:10px;
  }
  .asset-cube {
    width:80px;
    height:80px;
  }
  .asset-cube svg {
    width:72px;
    height:72px;
  }
  .asset-identity h4 {
    font-size:21px;
  }
  .asset-attributes>div {
    font-size:9px;
  }
  .asset-history {
    font-size:7px;
  }
  .product-caption {
    font-size:9px;
    line-height:2.1;
    gap:7px;
    margin-top:15px;
  }
  .growth-surface {
    border-radius:20px;
    padding:32px 25px;
    gap:28px;
  }
  .growth-copy {
    display:block;
  }
  .growth-copy h2 {
    font-size:28px;
    margin-block:18px 14px;
  }
  .growth-copy>p {
    font-size:12px;
    margin-top:0;
    max-width:none;
  }
  .growth-footnote {
    margin-top:19px;
    font-size:10px;
  }
  .growth-footnote .icon {
    width:20px;
    height:20px;
  }
  .growth-steps {
    gap:0;
  }
  .growth-step {
    padding:6px 3px 16px;
  }
  .growth-step>span {
    font-size:10px;
    margin-bottom:7px;
  }
  .growth-step strong {
    font-size:11px;
  }
  .growth-step small {
    font-size:7px;
  }
  .growth-detail {
    margin-top:25px;
    gap:12px;
    min-height:165px;
  }
  .growth-detail-icon {
    width:33px;
    height:33px;
    border-radius:8px;
  }
  .growth-detail-icon .icon {
    width:18px;
    height:18px;
  }
  .growth-detail-kicker {
    font-size:8px;
  }
  .growth-detail h3 {
    font-size:15px;
    margin-block:7px;
  }
  .growth-detail p {
    font-size:11px;
    line-height:2.2;
  }
  .growth-track {
    position:static;
    transform:none;
    opacity:.6;
    height:35px;
    margin-top:10px;
    gap:10px;
  }
  .growth-track>span {
    width:36px;
  }
  .growth-track svg {
    width:40px;
    height:40px;
  }
  .approach-section {
    grid-template-columns:1fr;
    gap:32px;
  }
  .approach-intro {
    position:relative;
  }
  .approach-intro h2 {
    font-size:30px;
    margin-top:17px;
  }
  .approach-intro>p {
    font-size:12px;
    margin-top:13px;
  }
  .approach-seal {
    position:absolute;
    left:2px;
    top:55px;
    flex-direction:column;
    gap:7px;
    margin:0;
    text-align:center;
  }
  .approach-seal svg {
    width:46px;
    height:46px;
  }
  .approach-seal>span {
    font-size:8px;
  }
  .approach-list article {
    padding-block:23px;
    gap:15px;
  }
  .approach-list article:first-child {
    padding-top:0;
  }
  .approach-list h3 {
    font-size:16px;
  }
  .approach-list p {
    font-size:11px;
    margin-top:9px;
  }
  .approach-list article>.icon {
    width:19px;
    height:19px;
  }
  .approach-number {
    font-size:10px;
  }
  .faq-grid {
    grid-template-columns:1fr;
    gap:30px;
  }
  .faq-intro h2 {
    font-size:30px;
    margin-top:17px;
  }
  .faq-intro p {
    margin-top:16px;
    font-size:11px;
  }
  .faq-intro .text-link {
    font-size:11px;
  }
  .faq-list summary {
    font-size:12px;
    padding-block:20px;
    gap:12px;
  }
  .faq-list details>div {
    font-size:11px;
    padding-bottom:21px;
  }
  .faq-toggle {
    width:23px;
    height:23px;
  }
  .contact-section {
    padding-block:55px 0;
  }
  .contact-surface {
    grid-template-columns:1fr;
    padding:30px 25px;
    border-radius:20px;
    gap:25px;
    position:relative;
    overflow:hidden;
  }
  .contact-surface>div:first-child {
    z-index:1;
  }
  .contact-surface .section-label {
    font-size:9px;
    gap:7px;
  }
  .contact-surface .label-line {
    width:16px;
  }
  .contact-surface h2 {
    font-size:25px;
    margin-top:18px;
  }
  .contact-surface p {
    font-size:11px;
    line-height:2.1;
    max-width:280px;
    margin-top:13px;
  }
  .contact-actions {
    margin-top:24px;
    gap:20px;
    flex-wrap:wrap;
  }
  .contact-actions .button {
    min-height:47px;
    font-size:11px;
    padding:10px 16px;
    gap:20px;
  }
  .contact-phone {
    font-size:12px;
  }
  .contact-art {
    display:none;
  }
  .site-footer {
    padding-top:45px;
    padding-bottom:20px;
  }
  .footer-main {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 20px;
    padding-bottom:25px;
  }
  .footer-main>.brand .brand-mark {
    width:35px;
    height:35px;
  }
  .footer-main>.brand .brand-word strong {
    font-size:24px;
  }
  .footer-main>p {
    font-size:9px;
    justify-self:end;
  }
  .footer-main nav {
    margin:0;
    gap:18px;
    font-size:11px;
  }
  .footer-contact {
    justify-self:end;
    font-size:10px;
    gap:9px;
  }
  .footer-bottom {
    display:flex;
    flex-wrap:wrap;
    row-gap:13px;
    font-size:8px;
    justify-content:space-between;
    padding-top:18px;
  }
  .footer-bottom>span[lang] {
    display:none;
  }
  .back-top {
    font-size:9px;
  }
  .not-found {
    gap:18px;
  }
  .not-found h1 {
    font-size:23px;
  }
  .not-found p {
    font-size:12px;
  }
  .not-found-code {
    font-size:80px;
  }
}
@media(max-width:399px) {
  .container {
    width:calc(100% - 32px);
  }
  .header-inner {
    gap:8px;
  }
  .brand-mark {
    width:30px;
    height:30px;
  }
  .brand-word strong {
    font-size:22px;
  }
  .brand-word>span {
    font-size:5px;
  }
  .nav-toggle:not([hidden]) {
    width:38px;
    height:38px;
    border-radius:9px;
  }
  .header-cta {
    font-size:9px;
    padding-inline:10px;
    gap:6px;
  }
  .hero {
    padding-top:30px;
  }
  .hero h1 {
    font-size:10.3vw;
    letter-spacing:normal;
  }
  .hero-actions {
    gap:16px;
  }
  .hero-actions>.button {
    font-size:10px;
    gap:12px;
    padding-inline:14px;
    min-height:47px;
  }
  .hero-actions>.text-link {
    font-size:10px;
    gap:6px;
  }
  .small-play {
    width:24px;
    height:24px;
    font-size:8px;
  }
  .eyebrow {
    font-size:10px;
  }
  .hero-description {
    font-size:12px;
  }
  .hero-art {
    margin-top:33px;
  }
  .ecosystem-node {
    gap:5px;
    padding:10px 7px;
    width:41%;
  }
  .ecosystem-node strong {
    font-size:12px;
  }
  .ecosystem-node small {
    font-size:6px;
  }
  .ecosystem-node .product-icon {
    width:28px;
    height:28px;
    border-radius:8px;
  }
  .ecosystem-node .product-icon .icon {
    width:16px;
    height:16px;
  }
  .node-spark {
    font-size:10px;
  }
  .node-pishkaro {
    left:55%;
  }
  .node-idento {
    left:56%;
  }
  .organization-node strong {
    font-size:12px;
  }
  .organization-node>span:last-child {
    font-size:6px;
  }
  .organization-logo {
    width:30px;
    height:30px;
  }
  .art-label {
    font-size:7px;
    gap:4px;
  }
  .label-link {
    font-size:6px;
  }
  .label-growth .icon {
    width:17px;
    height:17px;
  }
  .label-link .icon {
    width:14px;
    height:14px;
  }
  .art-corner-top {
    font-size:6px;
  }
  .art-corner-bottom {
    font-size:5px;
  }
  .star-one {
    font-size:27px;
  }
  .star-two {
    font-size:20px;
  }
  .product-tab small {
    font-size:6px;
  }
  .product-tab strong {
    font-size:14px;
  }
  .product-story {
    padding:27px 20px;
  }
  .product-story h3 {
    font-size:24px;
  }
  .product-visual {
    padding-inline:28px;
    min-height:440px;
  }
  .demo-window {
    padding:19px 17px;
  }
  .demo-task strong {
    font-size:8px;
  }
  .task-state {
    font-size:6px;
  }
  .check-list li {
    font-size:10px;
  }
  .growth-surface {
    padding:28px 20px;
  }
  .growth-copy h2 {
    font-size:26px;
  }
  .growth-step strong {
    font-size:10px;
  }
  .growth-step small {
    font-size:6px;
  }
  .growth-detail h3 {
    font-size:14px;
  }
  .growth-detail p {
    font-size:10px;
  }
  .growth-detail {
    min-height:162px;
  }
  .contact-surface {
    padding:27px 20px;
  }
  .contact-surface h2 {
    font-size:23px;
  }
  .contact-surface .section-label {
    font-size:8px;
  }
  .contact-actions {
    gap:18px;
  }
  .contact-actions .button {
    font-size:10px;
    gap:14px;
  }
  .contact-phone {
    font-size:11px;
  }
  .contact-phone .icon {
    width:16px;
    height:16px;
  }
  .footer-main nav {
    gap:13px;
    font-size:10px;
  }
  .footer-main>p {
    font-size:8px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .moving-line {
    animation:none;
  }
}
/* Reading sizes stay comfortable while illustrative interfaces retain their own scale. */
.intro-copy p,.product-story>p,.approach-list p,.faq-list details>div {
  font-size:14px;
}
.product-caption {
  font-size:12px;
  color:#5f7053;
}
.approach-intro>p,.faq-intro p,.contact-surface p {
  font-size:14px;
}
.product-tab small {
  font-size:11px;
}
.footer-main>p,.footer-bottom {
  font-size:11px;
}
@media(max-width:959px) {
  .intro-copy p,.product-story>p,.approach-list p,.faq-list details>div {
    font-size:14px;
  }
  .growth-copy>p {
    font-size:14px;
  }
  .growth-detail p {
    font-size:13px;
  }
  .product-tab small {
    font-size:10px;
    white-space:normal;
  }
  .product-tab {
    align-items:center;
  }
  .product-story .text-link {
    font-size:12px;
  }
  .check-list li {
    font-size:12px;
  }
  .approach-intro>p,.faq-intro p,.contact-surface p {
    font-size:14px;
  }
  .contact-art {
    width:165px;
  }
  .contact-surface h2 {
    font-size:25px;
  }
  .footer-main>p {
    font-size:11px;
  }
}
@media(max-width:719px) {
  .hero-description {
    font-size:14px;
  }
  .hero-actions>.text-link {
    font-size:12px;
  }
  .hero-actions>.button {
    font-size:12px;
  }
  .hero-signature {
    font-size:11px;
  }
  .ecosystem-node small {
    display:none;
  }
  .ecosystem-node strong {
    font-size:16px;
  }
  .art-label {
    font-size:10px;
  }
  .label-link {
    font-size:9px;
  }
  .product-tab {
    padding-inline:7px;
    gap:7px;
  }
  .product-tab>span:nth-child(2) {
    min-height:57px;
  }
  .product-tab small {
    font-size:11px;
    white-space:normal;
    line-height:1.8;
    margin-top:3px;
  }
  .product-tab strong {
    font-size:16px;
  }
  .product-story>p {
    font-size:14px;
  }
  .check-list li {
    font-size:12px;
    align-items:flex-start;
  }
  .check-list .icon {
    margin-top:4px;
  }
  .product-story .text-link {
    font-size:13px;
  }
  .product-caption {
    font-size:12px;
  }
  .intro-copy p {
    font-size:14px;
  }
  .principles-strip strong {
    font-size:14px;
  }
  .principles-strip>div>span:last-child {
    font-size:12px;
  }
  .section-heading>p {
    font-size:13px;
  }
  .growth-copy>p {
    font-size:14px;
  }
  .growth-step strong {
    font-size:12px;
  }
  .growth-step small {
    font-size:10px;
    white-space:normal;
    min-height:36px;
  }
  .growth-detail p {
    font-size:13px;
  }
  .growth-detail h3 {
    font-size:16px;
  }
  .growth-detail-kicker {
    font-size:11px;
  }
  .growth-detail {
    min-height:205px;
  }
  .approach-list p {
    font-size:14px;
  }
  .approach-intro>p {
    font-size:14px;
    max-width:250px;
  }
  .faq-list summary {
    font-size:14px;
  }
  .faq-list details>div {
    font-size:14px;
  }
  .faq-intro p {
    font-size:13px;
  }
  .faq-intro .text-link,.faq-list .text-link {
    font-size:13px;
  }
  .contact-surface p {
    font-size:14px;
  }
  .contact-surface .section-label {
    font-size:11px;
    line-height:2;
  }
  .contact-actions .button {
    font-size:13px;
  }
  .contact-phone {
    font-size:13px;
  }
  .footer-main>p {
    font-size:11px;
  }
  .footer-main nav {
    font-size:12px;
  }
  .footer-contact {
    font-size:12px;
  }
  .footer-bottom {
    font-size:10px;
  }
  .back-top {
    font-size:11px;
  }
}
@media(max-width:399px) {
  .hero-description {
    font-size:14px;
  }
  .hero-actions {
    gap:12px;
  }
  .hero-actions>.button {
    font-size:11px;
    padding-inline:12px;
    gap:8px;
  }
  .hero-actions>.text-link {
    font-size:11px;
  }
  .ecosystem-node strong {
    font-size:14px;
  }
  .art-label {
    font-size:9px;
  }
  .label-link {
    font-size:8px;
  }
  .product-tab small {
    font-size:11px;
  }
  .growth-step strong {
    font-size:11px;
  }
  .growth-step small {
    font-size:10px;
  }
  .growth-detail h3 {
    font-size:15px;
  }
  .growth-detail p {
    font-size:13px;
  }
  .growth-detail {
    min-height:225px;
  }
  .contact-actions .button {
    font-size:12px;
  }
  .contact-phone {
    font-size:13px;
  }
  .footer-main nav {
    font-size:11px;
  }
  .footer-main>p {
    font-size:10px;
  }
  .footer-contact {
    font-size:11px;
  }
}
/* Growth-led brand imagery and typography. */
.hero{grid-template-columns:43% 57%;padding-top:30px;min-height:730px;gap:0}
.hero-copy{padding-left:20px}
.hero h1{font-size:clamp(40px,4.25vw,61px);line-height:1.65;letter-spacing:normal;font-weight:650}
.hero-description{font-size:15px;line-height:2.1;max-width:440px}
.hero-actions{gap:20px;flex-wrap:wrap}
.hero-actions>.text-link{font-size:12px}
.hero-actions>.button{font-size:13px;padding-inline:22px;gap:15px}
.hero-signature{line-height:2.1}
.hero-signature .signature-rule{width:25px;height:1px;background:#b5c49e;flex-shrink:0}
.signature-dot{margin-inline:8px}
.growth-hero-art{margin:0 0 0 -24px;width:auto;max-width:none}
.growth-hero-scene{margin:0;position:relative}
.growth-hero-scene picture{display:block;border-radius:24px;overflow:hidden;background:#f2f1e8}
.growth-hero-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.hero-image-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 5px;color:#5b6b4e;font-size:11px}
.growth-badge{display:flex;align-items:center;gap:7px}
.growth-badge .icon{width:18px;height:18px;color:#6c8553}
.hero-image-caption>span[lang]{font:8px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:#697a58}
.hero-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.hero-product-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffefa;border:1px solid #e0e4d7;border-radius:12px;padding:12px 9px;text-align:right;position:static;transition:background .2s,border-color .2s,transform .2s}
.hero-product-pill:hover{border-color:#afbf9a;background:#f1f5e9;transform:translateY(-3px)}
.hero-product-pill .product-icon{width:32px;height:32px;border-radius:9px}
.hero-product-pill .product-icon .icon{width:19px;height:19px}
.hero-product-pill>span:last-child{display:flex;flex-direction:column}
.hero-product-pill strong{font-size:14px;font-weight:600}
.hero-product-pill small{font-size:9px;line-height:1.8;color:#5f6d58}
.brand .brand-mark{width:48px;height:48px;object-fit:contain}
.brand-word strong{font-weight:700;letter-spacing:normal}
.main-nav a{font-size:14px}
.growth-surface{grid-template-columns:1fr 1.1fr;gap:55px;padding:50px}
.growth-copy{display:block}
.growth-copy h2{font-size:29px;line-height:1.8;letter-spacing:normal;margin-bottom:15px}
.growth-copy>p{font-size:14px;line-height:2.2;max-width:390px}
.growth-footnote{margin-top:12px;font-size:11px}
.growth-illustration{position:relative;margin-top:18px;max-width:380px}
.growth-illustration>svg{width:100%;height:auto;display:block}
.organization-outline{fill:#ffffff04;stroke:#93ac7b55;stroke-width:1}
.organization-ground{stroke:#7b9665;stroke-width:1;stroke-dasharray:3 5}
.tree-roots{stroke:#a8c582;stroke-width:1.5;stroke-linecap:round}
.tree-trunk{stroke:#cce7a4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.tree-leaf{fill:#94b777;stroke:#b7d68f;stroke-width:1}
.tree-leaf.leaf-light{fill:#c7dfa4;stroke:#d7efbb}
.tree-module{fill:#315746;stroke:#93b074;stroke-width:1}
.module-symbol{stroke:#daedc0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tree-origin{fill:#def1bd}
.growth-branch{opacity:1;transform:scale(1);transform-origin:210px 189px;transition:opacity .6s,transform .6s}
.growth-surface[data-growth-stage="0"] .growth-branch,.growth-surface[data-growth-stage="1"] .branch-two{opacity:.13;transform:scale(.9)}
.organization-caption{position:absolute;bottom:17px;left:25px;font-size:10px;color:#c1d2b1}
.growth-explorer{align-self:center}
.growth-hint{font-size:12px;color:#c4d7b5;line-height:2;margin-bottom:18px}
.growth-step strong{font-size:13px}
.growth-step small{font-size:10px;white-space:normal;line-height:1.8}
.growth-detail{min-height:210px}
.growth-detail p{font-size:14px;line-height:2.3;max-width:370px}
.growth-detail h3{font-size:19px;font-weight:500}
.growth-detail-kicker{font-size:11px}
.growth-example{display:flex;align-items:flex-start;gap:13px;padding-top:24px;border-top:1px solid #486b57}
.growth-example>.icon{width:22px;height:22px;color:#b4ce93;margin-top:5px}
.growth-example p{font-size:12px;line-height:2.2;color:#bdcfb8}
.work-demo-heading>div>small{font-size:9px}
@media(min-width:1600px){.hero h1{font-size:63px}}
@media(max-width:1199px){.hero{grid-template-columns:44% 56%;min-height:690px}.hero h1{font-size:4.4vw}.hero-copy{padding-left:15px}.hero-actions{gap:20px}.hero-actions>.button{font-size:12px}.hero-product-pill{gap:6px;padding:11px 7px}.hero-product-pill strong{font-size:13px}.hero-product-pill small{font-size:8px}.hero-product-pill .product-icon{width:28px;height:28px}.hero-image-caption{font-size:10px}.hero-image-caption>span[lang]{font-size:7px;letter-spacing:1px}.growth-surface{padding:42px;gap:35px}.growth-copy h2{font-size:26px}.growth-step strong{font-size:12px}.growth-detail h3{font-size:17px}}
@media(max-width:959px){.hero{min-height:650px}.hero h1{font-size:4.6vw}.hero-description{font-size:14px}.hero-actions{gap:17px}.hero-actions>.button{font-size:11px;min-height:48px;padding-inline:16px}.hero-actions>.text-link{font-size:11px}.hero-product-links{gap:6px}.hero-product-pill{flex-direction:column;padding:10px 5px;text-align:center}.hero-product-pill>span:last-child{align-items:center}.hero-product-pill strong{font-size:13px}.hero-product-pill small{font-size:9px;white-space:normal;min-height:30px}.hero-image-caption{flex-wrap:wrap;padding-block:12px;gap:8px}.hero-image-caption>span[lang]{display:none}.main-nav{gap:16px}.main-nav a{font-size:12px}.growth-surface{grid-template-columns:1fr;gap:32px}.growth-copy{display:block}.growth-copy h2{font-size:30px}.growth-copy>p{max-width:none}.growth-illustration{max-width:390px;margin-inline:auto}.growth-explorer{padding-top:0}.growth-detail{min-height:165px}.growth-detail p{max-width:none;font-size:14px}.growth-detail h3{font-size:19px}.growth-step strong{font-size:14px}.growth-step small{font-size:11px}.growth-example p{font-size:13px}}
@media(max-width:719px){.hero{display:flex;min-height:0;padding-top:32px;padding-bottom:65px}.hero-copy{padding:0}.hero h1{font-size:43px;line-height:1.65;font-weight:650}.hero-description{font-size:15px;line-height:2.1;max-width:450px;margin-top:20px}.eyebrow{font-size:11px}.hero-actions{gap:22px;margin-top:25px}.hero-actions>.button{font-size:12px;padding-inline:18px;gap:12px;min-height:50px}.hero-actions>.text-link{font-size:12px}.hero-signature{font-size:11px;margin-top:25px}.growth-hero-art{margin:33px 0 0;width:100%;max-width:570px}.growth-hero-scene picture{border-radius:16px}.growth-hero-image{aspect-ratio:3/2}.hero-image-caption{font-size:11px;padding-block:15px}.hero-product-links{gap:7px;margin-top:7px}.hero-product-pill{padding:12px 5px;gap:6px}.hero-product-pill strong{font-size:14px}.hero-product-pill small{font-size:10px;min-height:36px}.hero-product-pill .product-icon{width:31px;height:31px}.main-nav a{font-size:14px}.brand .brand-mark{width:39px;height:39px}.growth-surface{padding:30px 25px;gap:27px}.growth-copy h2{font-size:25px}.growth-copy>p{font-size:14px}.growth-illustration{max-width:360px;margin-top:15px}.growth-footnote{margin-top:8px;font-size:11px}.growth-hint{font-size:12px}.growth-step strong{font-size:12px}.growth-step small{font-size:10px;min-height:36px}.growth-detail{min-height:210px}.growth-detail h3{font-size:17px}.growth-detail p{font-size:14px}.growth-example{padding-top:18px;gap:10px}.growth-example p{font-size:13px}.organization-caption{font-size:9px;bottom:13px;left:23px}}
@media(max-width:399px){.hero h1{font-size:39px}.hero-description{font-size:14px}.hero-actions{gap:16px}.hero-actions>.button{font-size:11px;padding-inline:12px;gap:8px}.hero-actions>.text-link{font-size:11px}.hero-signature{font-size:10px}.hero-product-pill strong{font-size:13px}.hero-product-pill small{font-size:9px}.hero-image-caption{font-size:10px}.hero-product-pill .product-icon{width:28px;height:28px}.brand .brand-mark{width:35px;height:35px}.growth-surface{padding:27px 20px}.growth-copy h2{font-size:22px}.growth-step strong{font-size:11px}.growth-step small{font-size:9px}.growth-detail{min-height:250px}.growth-detail h3{font-size:16px}.growth-detail p{font-size:14px}.growth-example p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.growth-branch{transition:none}.hero-product-pill{transition:none}}