/* Company independence, expressed with finite motion and real chart proportions. */
.home-independence{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;padding:44px 48px;margin-bottom:64px;background:var(--ink);color:#f7f6f2;border:1px solid #40545e;border-radius:20px}
.home-independence::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0,rgba(226,233,169,.11),transparent 50%),radial-gradient(ellipse at 0 100%,rgba(111,158,199,.1),transparent 55%)}
.home-independence::after{content:"";position:absolute;top:0;left:48px;width:64px;height:3px;border-radius:0 0 3px 3px;background:var(--lime)}
.independence-copy>.eyebrow{font-size:10px;letter-spacing:.09em;color:#c6d5d4;margin-bottom:20px}
.independence-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.04em;max-width:440px;color:inherit;text-wrap:balance}
.independence-values{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;list-style:none;margin:28px 0 0;padding:0}
.independence-values li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#e3ece7}
.independence-value-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #657c69;border-radius:50%;background:rgba(226,233,169,.08);color:var(--lime)}
.independence-value-icon svg{display:block;width:23px;height:23px}
.independence-proof{position:relative;min-width:0;padding-left:32px;border-left:1px solid #405961}
.independence-record{display:flex;align-items:center;gap:18px;margin:0 0 22px;font-family:var(--sans);color:inherit}
.independence-record-label{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.025em;max-width:170px}
.independence-years{position:relative;display:grid;place-items:center;flex-shrink:0;width:88px;height:88px;background:rgba(226,233,169,.04);border-radius:50%;color:var(--lime)}
.independence-years>span{font-size:48px;font-weight:550;line-height:1;letter-spacing:-.05em;padding-right:2px}
.independence-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.independence-ring circle{stroke:#50635e;stroke-width:1.5}
.independence-ring .independence-ring-progress{stroke:var(--lime);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round}
.independence-seal-check{position:absolute;right:-1px;bottom:0;width:25px;height:25px;fill:var(--lime);color:var(--ink)}
.independence-seal-check path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.independence-charts{max-width:480px}
.independence-trend{margin:0;min-width:0;color:#c6d5d4}
.independence-legend{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:12px;line-height:1.4;margin-bottom:12px}
.independence-legend>span{display:inline-flex;align-items:center;gap:8px}
.independence-legend i{display:inline-block;width:9px;height:9px;border-radius:3px}
.revenue-key{background:#a9c9e7}.profit-key{background:var(--lime)}
.revenue-bar{fill:url(#independence-revenue)}.profit-bar{fill:url(#independence-profit)}
.independence-trend svg{display:block;width:100%;height:auto;overflow:visible}
.independence-gridline{fill:none;stroke:#9bb0ad;stroke-opacity:.12;stroke-dasharray:2 5}
.independence-source{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:11px;color:#c6d5d4;text-decoration:underline;text-underline-offset:4px;margin-top:2px}
.independence-source:hover{color:var(--lime)}
.independence-source:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
/* Only the illustration moves; the layout and all text remain stable. */
@media(prefers-reduced-motion:no-preference){
  .home-independence[data-reveal=ready] .revenue-bar,.home-independence[data-reveal=ready] .profit-bar{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0)}
  .home-independence[data-reveal=ready] .independence-ring-progress{stroke-dashoffset:100}
  .home-independence[data-reveal=visible] .revenue-bar,.home-independence[data-reveal=visible] .profit-bar{transform-box:fill-box;transform-origin:center bottom;animation:independence-bar-rise .8s cubic-bezier(.22,.61,.36,1) var(--bar-delay,0ms) both}
  .home-independence[data-reveal=visible] .independence-ring-progress{animation:independence-ring-draw 1.4s ease-out both}
  .home-independence[data-reveal=visible] .independence-value-icon{animation:independence-icon-arrive .65s ease-out both}
  .home-independence[data-reveal=visible] .independence-values li:nth-child(2) .independence-value-icon{animation-delay:.15s}
}
@keyframes independence-bar-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes independence-ring-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes independence-icon-arrive{from{transform:translateY(5px);opacity:.35}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){
  .home-independence{gap:28px;padding:36px 32px}
  .home-independence::after{left:32px}
  .independence-proof{padding-left:26px}
  .independence-copy h2{font-size:36px}
  .independence-values{gap:14px;margin-top:22px}
  .independence-record-label{font-size:21px}
  .independence-years{width:76px;height:76px}
  .independence-years>span{font-size:42px}
}
@media(max-width:620px){
  .home-independence{grid-template-columns:1fr;gap:26px;padding:28px 24px 20px;margin-bottom:40px;border-radius:16px}
  .home-independence::after{left:24px}
  .independence-copy>.eyebrow{font-size:9px;margin-bottom:16px}
  .independence-copy h2{font-size:34px;max-width:340px}
  .independence-values{gap:12px 18px;margin-top:22px}
  .independence-values li{font-size:12px;gap:8px}
  .independence-value-icon{width:34px;height:34px}
  .independence-value-icon svg{width:21px;height:21px}
  .independence-proof{padding:22px 0 0;border-left:0;border-top:1px solid #405961}
  .independence-record{gap:16px;margin-bottom:20px}
  .independence-record-label{font-size:23px;max-width:150px}
  .independence-years{width:72px;height:72px}
  .independence-years>span{font-size:41px}
  .independence-seal-check{width:23px;height:23px}
  .independence-legend{font-size:11px;margin-bottom:10px}
}