/* Static art direction: approved Yaver artwork + forest-green editorial cards.
   Shared by TR and EN. Motion is intentionally deferred. */
html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition: none !important; }
.button:hover, .image-trigger:hover img { transform: none; }
body { background: #F7F8F4; }
.container { width: min(1280px, calc(100% - 96px)); }
.section { padding-block: 110px; }
.button { border-radius: 999px; }
.button span { display: grid; place-items: center; }
.site-header { position: absolute; inset: 0 0 auto; background: #FFF; color: var(--forest); border-bottom: 0; backdrop-filter: none; }
.header-inner { min-height: 88px; }
.header-inner .brand img { width: 148px; filter: none; }
.site-header nav > a:not(.button):hover { color: #537E2C; }
.site-header .language-link { border-color: var(--line); }
.site-header .button-dark { background: var(--bright); color: var(--forest); }
.site-header :focus-visible { outline-color: #4C821B; }
.eyebrow { font-size: 10px; letter-spacing: .12em; }
h2 { text-wrap: balance; }

/* The artwork retains its original perspective. Text occupies its empty left side. */
.hero.container {
  width: 100%;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 128px clamp(32px, 5.5vw, 112px) 64px;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  background: #112D02;
  color: #FFF;
}
.hero-copy { position: relative; z-index: 1; width: 42%; padding: 0; }
.hero h1 { font-size: clamp(40px, 3.65vw, 59px); line-height: 1.1; margin: 26px 0; font-weight: 450; letter-spacing: -.05em; }
.hero h1 em { background: none; color: var(--bright); padding: 0; }
.hero h1 span { color: #E3EED9; }
.hero .eyebrow { color: #DFE9D4; }
.hero .status-dot { background: var(--bright); }
.hero-description { max-width: 400px; font-size: 14px; line-height: 1.85; color: #D0DDC5; }
.hero-actions { flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.hero-actions .button { min-height: 50px; font-size: 13px; gap: 22px; }
.hero-actions .text-link { font-size: 12px; gap: 10px; }
.hero-note { color: #C2D2B3; font-size: 10px; line-height: 1.7; margin-top: 20px; }
.hero .mini-check { color: var(--bright); }
.hero-visual { position: absolute; inset: 88px 0 0; width: 100%; max-width: none; margin: 0; z-index: 0; pointer-events: none; }
.hero-image { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center top; }
.hero :focus-visible { outline-color: var(--bright); }
.audience-strip { border-top: 0; padding-block: 30px; }
.audience-strip > div { font-size: 13px; font-weight: 450; gap: 32px; }
.audience-strip > span { font-size: 11px; }

/* An open editorial introduction opposite a tangible assistant card. */
.yaver-section { gap: 100px; border-bottom: 0; }
.yaver-copy h2, .section-heading h2, .product-heading h2 { font-size: clamp(34px, 3.5vw, 49px); font-weight: 450; }
.yaver-copy > p { font-size: 14px; }
.yaver-capabilities li { font-size: 13px; }
.yaver-examples { padding: 34px; border: 0; border-radius: 28px; background: #E8EEDF; box-shadow: none; }
.yaver-card-heading { margin-bottom: 30px; }
.yaver-card-heading strong { font-weight: 450; }
.yaver-request { margin: 12px 0 12px 24px; padding: 22px; border: 0; }
.yaver-request:nth-of-type(3) { margin-left: 0; margin-right: 24px; background: #163300; color: #FFF; border-radius: 16px 16px 16px 3px; }
.yaver-request:nth-of-type(3) > span { color: #BEE69E; }
.yaver-request p { font-size: 17px; }
.yaver-footnote { font-size: 10px; }
.features { padding-top: 12px; }
.section-heading { align-items: flex-start; gap: 72px; margin-bottom: 40px; }
.section-heading > p { padding-top: 28px; }

/* Halo-inspired 2:1:1 card rhythm, adapted to Dips AI (no borrowed claims). */
.feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.feature-card { min-width: 0; min-height: 335px; border: 0; border-radius: 24px; padding: 28px; background: #E8EEDF; overflow: hidden; }
.feature-card:first-child, .feature-card:last-child { grid-column: span 2; }
.feature-card:first-child { background: #E4EFD8; }
.feature-icon { background: #FFFFFF70; border: 1px solid #16330014; border-radius: 50%; margin-bottom: 38px; width: 48px; height: 48px; }
.feature-card h3 { font-size: 23px; min-height: 0; font-weight: 450; max-width: 360px; margin-bottom: 17px; }
.feature-card p { font-size: 12px; line-height: 1.8; max-width: 370px; margin-bottom: 28px; }
.feature-label { font-size: 9px; line-height: 1.6; border-color: #16330022; letter-spacing: .07em; }
.feature-number { font-size: 10px; top: 34px; right: 28px; }
.feature-card:nth-child(2), .feature-card:nth-child(3) { background: #163300; color: #FFF; }
.feature-card:nth-child(3) { background: #2C4820; }
.feature-card:nth-child(2) p, .feature-card:nth-child(3) p { color: #D0DDC5; }
.feature-card:nth-child(2) .feature-icon, .feature-card:nth-child(3) .feature-icon { background: #FFFFFF0C; border-color: #FFFFFF26; color: #B5EE8E; }
.feature-card:nth-child(2) .feature-number, .feature-card:nth-child(3) .feature-number,
.feature-card:nth-child(2) .feature-label, .feature-card:nth-child(3) .feature-label { color: #C2D7B3; border-color: #FFFFFF26; }
.feature-card:nth-child(4), .feature-card:nth-child(5) { background: #FFF; border: 1px solid var(--line); }
.feature-card:last-child { background: #9FE870; }
.feature-card:last-child p { color: #28421A; }
.feature-card:last-child .feature-label, .feature-card:last-child .feature-number { color: #365427; }
@media (min-width: 1201px) {
  .feature-card:first-child::after, .feature-card:last-child::after {
    content: ''; position: absolute; right: 24px; top: 94px;
    width: 130px; height: 156px; background: url('assets/ledger-illustration.svg') center / contain no-repeat;
    pointer-events: none;
  }
  .feature-card:last-child::after { background-image: url('assets/brand-mark.svg'); width: 118px; height: 118px; top: 112px; }
  .feature-card:first-child h3, .feature-card:last-child h3,
  .feature-card:first-child p, .feature-card:last-child p { max-width: calc(100% - 145px); }
}
.report-summary { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin-top: 32px; padding: 20px 0 40px; }
.report-summary h3 { font-weight: 450; }

/* Large product stage, with copy separated from the real device visuals. */
.product-section { background: #E8EEDF; color: var(--ink); padding-block: 88px 52px; }
.product-heading { align-items: flex-start; }
.product-heading .eyebrow { color: var(--forest); }
.product-heading > p { color: var(--muted); padding-top: 25px; }
.product-tabs { border-color: #CDD8C3; margin-top: 35px; padding-bottom: 22px; }
.product-tabs button { border-color: #CCD6C2; color: var(--forest); border-radius: 999px; }
.product-tabs button[aria-selected=true] { background: var(--forest); color: #FFF; border-color: var(--forest); }
.product-tabs button:hover:not([aria-selected=true]) { background: #F4F8EF; }
.product-panel { grid-template-columns: .8fr 1.65fr; gap: 60px; padding-top: 34px; }
.product-caption .small-label { color: #586B4B; }
.product-caption h3 { font-weight: 450; font-size: 38px; }
.product-caption > p, .check-list { color: var(--muted); }
.check-list li::before { color: #356511; }
.product-caption .text-link { color: var(--forest); }
.product-panel figure { padding: 10px; border: 1px solid #D1DCC6; border-radius: 28px; background: #F7F9F3; }
.product-panel .image-trigger { border: 0; border-radius: 20px; }
.illustration-note { color: #5C6656; font-size: 10px; max-width: 720px; margin-left: auto; }
.steps { gap: 40px; }
.step-number { border-radius: 12px; background: var(--forest); color: var(--bright); }
.steps h3 { font-weight: 450; }
.integrity-section { background: #163300; color: #FFF; border: 0; }
.integrity-section .eyebrow { color: #B5EE8E; }
.integrity-section .section-heading > p { color: #D0DDC5; }
.integrity-grid { gap: 16px; }
.integrity-grid article { background: #203D0D; border: 1px solid #FFFFFF20; border-radius: 22px; padding: 30px; }
.integrity-number { color: #C0D7AF; }
.integrity-grid h3 { color: #FFF; font-weight: 450; font-size: 24px; }
.integrity-grid p { color: #D0DDC5; font-size: 13px; }
.technical-label { border-color: #FFFFFF26; color: #B5EE8E; }
.integrity-note { color: #C0D0B4; border-color: #FFFFFF26; }
.faq-section { border-top: 0; padding-block: 110px; }
.faq-section h2 { font-weight: 450; }
.faq-list summary { padding-block: 24px; }
.contact-card { padding: 64px; border-radius: 28px; background: #E0EBD6; color: var(--forest); }
.contact-card .eyebrow { color: #4A6637; }
.contact-card h2 { font-weight: 450; }
.contact-card p, .contact-actions > span { color: #4C6040; }
.contact-actions .button { background: var(--forest); color: #FFF; }
.site-footer { padding-block: 40px; }

/* Hand-drawn feature assets; transparent alpha is kept in the WebP files. */
.feature-illustrated .feature-icon { display: none; }
.feature-art { display: block; width: 100%; height: 174px; object-fit: contain; margin: 12px auto 24px; }
.feature-card.feature-cash::after { content: none; }
.feature-card.feature-cash h3, .feature-card.feature-cash p { max-width: none; }
@media (min-width: 1101px) {
  .feature-cash .feature-art { position: absolute; right: 20px; bottom: 68px; width: 40%; height: 240px; margin: 0; }
  .feature-card.feature-cash h3, .feature-card.feature-cash p { max-width: 50%; }
  .feature-cash h3 { margin-top: 78px; }
}

@media (max-width: 1200px) {
  .hero-copy { width: 43%; }
  .hero h1 { font-size: 42px; }
  .hero-description { font-size: 13px; }
  .hero.container { padding: 120px 42px 56px; }
  .hero-actions { gap: 16px; }
  .yaver-section { gap: 48px; }
  .feature-card { padding: 24px; }
  .feature-card h3 { font-size: 21px; }
}
@media (max-width: 1100px) {
  .container { width: calc(100% - 64px); }
  .section { padding-block: 80px; }
  .features { padding-top: 10px; }
  .hero.container { display: flex; gap: 0; padding: 120px 32px 56px; }
  .hero-copy { width: 44%; padding: 0; }
  .hero-visual { left: 0; width: 100%; }
  .hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #112D02 0%, #112D02EF 30%, #112D0200 57%); }
  .hero-image { object-position: center; }
  .hero h1 { font-size: 38px; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-card:first-child, .feature-card:last-child { grid-column: auto; }
  .feature-card { min-height: 320px; }
  .product-panel { gap: 32px; grid-template-columns: .85fr 1.4fr; }
  .product-caption h3 { font-size: 31px; }
}
@media (max-width: 800px) {
  .container { width: calc(100% - 40px); }
  .header-inner { min-height: 76px; }
  .site-header .menu-toggle { background: #FFF; border-color: var(--line); }
  .site-header .menu-toggle span { background: var(--forest); }
  .site-header nav { background: #FFF; border-color: var(--line); }
  .hero.container { width: 100%; display: flex; flex-direction: column; align-items: stretch; padding: 76px 0 0; border-radius: 0; }
  .hero-copy { width: 100%; padding: 42px 28px 24px; }
  .hero h1 { font-size: clamp(35px, 6.5vw, 50px); max-width: 540px; }
  .hero-description { font-size: 14px; max-width: 560px; }
  .hero-actions { flex-direction: row; align-items: center; gap: 22px; }
  .hero-visual { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 1.25; }
  .hero-visual::after { background: linear-gradient(#112D02, #112D0200 14%); }
  .hero-image { object-fit: cover; object-position: right center; }
  .hero-note { font-size: 10px; }
  .audience-strip { gap: 12px; padding-block: 24px; }
  .section { padding-block: 64px; }
  .yaver-section { grid-template-columns: 1fr; gap: 32px; }
  .yaver-copy h2, .section-heading h2, .product-heading h2 { font-size: 36px; }
  .yaver-examples { padding: 28px; }
  .section-heading { gap: 18px; }
  .section-heading > p, .product-heading > p { padding-top: 0; }
  .features { padding-top: 12px; }
  .feature-card { min-height: 310px; }
  .product-section { padding-block: 64px 36px; }
  .product-panel { grid-template-columns: 1fr; gap: 28px; }
  .product-panel figure { padding: 6px; border-radius: 22px; }
  .product-caption > p { max-width: 560px; }
  .product-caption h3 { font-size: 34px; }
  .illustration-note { text-align: left; }
  .integrity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integrity-grid article { padding: 24px; }
  .faq-section { gap: 25px; }
  .contact-card { padding: 38px; }
}
@media (max-width: 480px) {
  .hero-copy { padding: 32px 22px 24px; }
  .hero h1 { font-size: 37px; margin-block: 22px; }
  .hero-description { font-size: 13px; line-height: 1.85; }
  .hero-actions { gap: 18px; }
  .hero-actions .text-link { font-size: 11px; white-space: normal; }
  .hero-visual { aspect-ratio: .95; }
  .hero-image { object-position: right center; }
  .audience-strip > div { gap: 20px; font-size: 12px; }
  .yaver-copy h2, .section-heading h2, .product-heading h2 { font-size: 32px; }
  .yaver-examples { padding: 22px 18px; }
  .yaver-card-heading { gap: 9px; flex-wrap: wrap; }
  .yaver-card-heading strong { font-size: 21px; }
  .example-badge { font-size: 8px; }
  .yaver-request { padding: 18px; margin-left: 12px; }
  .yaver-request p { font-size: 16px; }
  .feature-grid, .integrity-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; padding: 26px; }
  .feature-card h3 { font-size: 24px; }
  .feature-card p { font-size: 13px; }
  .feature-icon { margin-bottom: 28px; }
  .feature-label { margin-top: auto; }
  .report-summary { padding: 8px 0 28px; }
  .product-tabs button { padding: 12px 14px; gap: 12px; }
  .product-panel figure { border-radius: 18px; padding: 4px; }
  .product-panel .image-trigger { border-radius: 14px; }
  .contact-card { padding: 30px 24px; }
  .contact-card h2 { font-size: 32px; }
}