.hero {
  --hero-focus-d: 60% 0%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hero__text { position: relative; z-index: 1; padding-block: var(--iz-space-3) var(--iz-space-4); }
.hero__text > * { margin: 0; max-width: 40rem; }
.hero__key { line-height: 26px; text-wrap: balance; }
@media (max-width: 599px) {
  .hero__key { font-size: min(13px, calc((100vw - 48px) / 26)); letter-spacing: .02em; white-space: nowrap; }
  .hero__key span { padding-inline: 8px; }
}
.hero__key span { padding: 6px 10px; background: var(--iz-accent); color: var(--iz-on-accent); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.hero__claim { margin-top: var(--iz-space-2); max-width: 15em; font-size: min(var(--iz-h1-size), 8.6vw); text-wrap: balance; overflow-wrap: break-word; }
.hero__lead { margin-top: var(--iz-space-3); }
@media (max-width: 599px) {
  .hero__lead { text-wrap: balance; }
  .hero__lead-more { display: none; }
}
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iz-space-1) var(--iz-space-3); margin-top: var(--iz-space-4); }
.hero__cta { font-size: 18px; }
.hero__ways { display: flex; gap: var(--iz-space-1); }
.hero__tel { min-height: 48px; margin-right: var(--iz-space-1); color: var(--iz-c-text); text-underline-offset: 4px; text-decoration-color: var(--iz-c-line-strong); }
.hero__note { flex-basis: 100%; margin-block: var(--iz-space-1); color: var(--iz-c-muted); }
.hero__biz { flex-basis: 100%; margin: 0; }
.hero__biz a { display: inline-flex; align-items: center; gap: var(--iz-space-1); min-height: 44px; color: var(--iz-c-muted); text-underline-offset: 4px; text-decoration-color: var(--iz-c-line-strong); }
.hero__biz a:hover { color: var(--iz-c-text); }
.hero__biz svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; }
@media (max-width: 599px) {
  .hero__actions { column-gap: var(--iz-space-1); }
  .hero__cta { flex: 1; justify-content: center; padding-inline: var(--iz-space-2); }
}
@media (max-width: 549px) {
  .hero__cta { flex-basis: 100%; }
}
.hero__scene { position: relative; margin: 0; overflow: hidden; }
.hero__img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1023px) {
  .hero { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hero__text, .hero__scene { grid-area: 1 / 1; }
  .hero { --room: 232px; }
  @media (max-width: 429px) { .hero { --room: 288px; } }
  .hero__text { padding-bottom: calc(var(--iz-space-6) + var(--iz-space-2)); }
  .hero__scene { min-height: 0; }
  .hero__img {
    position: absolute; bottom: max(0px, var(--room) - 50vw); left: 0; height: 177.78vw; object-position: 50% 100%;
    -webkit-mask-image: linear-gradient(#0000, #000 20%, #000 86%, #0000); mask-image: linear-gradient(#0000, #000 20%, #000 86%, #0000);
  }
  .hero__scene::after {
    content: ""; position: absolute; inset: 0; background: var(--iz-c-bg); pointer-events: none;
    -webkit-mask-image: linear-gradient(to top, #0000 calc(88vw + max(0px, var(--room) - 50vw)), rgb(0 0 0 / .45) calc(112vw + max(0px, var(--room) - 50vw)), rgb(0 0 0 / .6));
    mask-image: linear-gradient(to top, #0000 calc(88vw + max(0px, var(--room) - 50vw)), rgb(0 0 0 / .45) calc(112vw + max(0px, var(--room) - 50vw)), rgb(0 0 0 / .6));
  }
  .hero__actions { align-content: start; min-height: 40vw; margin-top: 46vw; }
  .hero__note, .hero__biz a { color: var(--iz-c-text); }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .hero { --sink: min(18vw, 40vw - 150px); }
  .hero__img {
    bottom: calc(-1 * var(--sink));
    -webkit-mask-image: linear-gradient(#0000, #000 20%, #000 calc(86% - var(--sink)), #0000 calc(100% - var(--sink)));
    mask-image: linear-gradient(#0000, #000 20%, #000 calc(86% - var(--sink)), #0000 calc(100% - var(--sink)));
  }
  .hero__scene::after {
    -webkit-mask-image: linear-gradient(to top, #0000 calc(88vw - var(--sink)), rgb(0 0 0 / .45) calc(112vw - var(--sink)), rgb(0 0 0 / .6));
    mask-image: linear-gradient(to top, #0000 calc(88vw - var(--sink)), rgb(0 0 0 / .45) calc(112vw - var(--sink)), rgb(0 0 0 / .6));
  }
  .hero__actions { min-height: calc(40vw - var(--sink)); }
}
@media (min-width: 1024px) {
  .hero { justify-content: center; min-height: clamp(560px, 100vh - var(--iz-header-h), min(62.5vw, 1400px)); min-height: clamp(560px, 100svh - var(--iz-header-h), min(62.5vw, 1400px)); }
  .hero__text { container-type: inline-size; padding-block: var(--iz-space-5) var(--iz-space-8); }
  .hero__text > * { max-width: min(40rem, 44cqi); }
  .hero__claim { max-width: 44cqi; font-size: min(var(--iz-h1-size), 44cqi / 10); }
  .hero__biz a { min-height: 24px; }
  .hero__scene { position: absolute; inset: 0; aspect-ratio: auto; }
  .hero__img { object-position: var(--hero-focus-d); }
  .hero__scene::after {
    content: ""; position: absolute; inset: 0; background: var(--iz-c-bg); pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, rgb(0 0 0 / .78), rgb(0 0 0 / .66) 30%, rgb(0 0 0 / .3) 44%, transparent 54%);
    mask-image: linear-gradient(90deg, rgb(0 0 0 / .78), rgb(0 0 0 / .66) 30%, rgb(0 0 0 / .3) 44%, transparent 54%);
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .hero__text { padding-block: var(--iz-space-4) var(--iz-space-5); }
}
.hero__plate {
  position: relative; z-index: 2; display: grid; gap: var(--iz-space-2); container-type: inline-size;
  margin: calc(-1 * var(--iz-space-6)) var(--iz-wrap-pad) var(--iz-space-4); padding: var(--iz-space-1) var(--iz-space-2) var(--iz-space-3);
  background: var(--iz-black);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.hero__plate-cap { display: inline-flex; align-items: center; gap: var(--iz-space-1); justify-self: start; min-height: 44px; color: var(--iz-c-muted); text-decoration: none; }
.hero__plate-cap:hover { color: var(--iz-c-text); }
.hero__plate-cap svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; }
.hero__figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--iz-space-2) 12px; margin: 0; padding: 0; list-style: none; }
.hero__figs + .hero__figs { padding-top: var(--iz-space-2); border-top: 1px dashed var(--iz-c-line-strong); }
.hero__figs li { display: grid; align-content: start; gap: var(--iz-space-05); }
.hero__figs b { font: 500 clamp(14px, 4.9cqi, 26px) / 1.1 var(--iz-font-mono); letter-spacing: -.02em; white-space: nowrap; }
.hero__figs small { color: var(--iz-c-muted); font-size: max(.55em, 11px, min(13px, 4.5cqi)); letter-spacing: 0; }
.hero__figs span { color: var(--iz-c-muted); font-size: 12px; line-height: 1.3; }
@media (min-width: 600px) {
  .hero__plate { padding-inline: var(--iz-space-3); }
  .hero__figs span { font-size: 13px; }
}
@media (min-width: 1024px) {
  .hero__plate { position: absolute; right: var(--iz-edge); bottom: var(--iz-space-4); width: clamp(304px, 26vw, 440px); margin: 0; padding: var(--iz-space-1) var(--iz-space-2) var(--iz-space-3); }
  .hero__plate-cap { min-height: 36px; }
  .hero__figs span { font-size: 12px; }
}
@media (min-width: 1440px) {
  .hero__plate { padding-inline: var(--iz-space-3); }
  .hero__figs { column-gap: var(--iz-space-2); }
  .hero__figs span { font-size: 13px; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero__text > * { animation: hero-in var(--iz-t-enter) var(--iz-ease) both; }
  .hero__claim { animation-name: hero-rise; animation-delay: .08s; }
  .hero__lead { animation-delay: .16s; }
  .hero__actions { animation-delay: .24s; }
  .hero__img { animation: hero-zoom 6s var(--iz-ease) both; }
  .hero__plate { animation: hero-in var(--iz-t-enter) var(--iz-ease) .4s both; }
}
@keyframes hero-in { from { opacity: 0; transform: translateY(14px); } }
@keyframes hero-rise { from { transform: translateY(14px); } }
@keyframes hero-zoom { from { transform: scale(1.05); } }
.scheme { padding-block: var(--iz-space-8); }
.scheme__in { display: grid; grid-template-areas: "head" "diagram" "controls"; gap: var(--iz-space-4); }
.scheme__head { grid-area: head; }
.scheme__head > * { margin: 0; max-width: 34rem; }
.scheme__title { text-wrap: balance; }
.scheme__lead { margin-top: var(--iz-space-2); color: var(--iz-c-muted); }
.scheme__controls { grid-area: controls; }
.scheme__modes { display: flex; flex-wrap: wrap; gap: var(--iz-space-1); }
.scheme__modes[hidden] { display: none; }
.scheme__modes button {
  position: relative; overflow: hidden; min-height: 44px; padding: 0 var(--iz-space-2); border: 1px solid var(--iz-c-line-strong); border-radius: var(--iz-radius-sm);
  background: none; color: var(--iz-c-text); font: 500 15px / 1 var(--iz-font-sans); cursor: pointer;
  transition: background-color var(--iz-t-fast) var(--iz-ease), border-color var(--iz-t-fast) var(--iz-ease), color var(--iz-t-fast) var(--iz-ease);
}
.scheme__modes button:hover { border-color: var(--iz-c-text); }
.scheme__modes button[aria-pressed="true"] { border-color: var(--iz-accent); background: var(--iz-accent); color: var(--iz-on-accent); }
.scheme__captions { max-width: 34rem; margin-top: var(--iz-space-3); }
.scheme__captions p { margin: 0 0 var(--iz-space-1); }
.scheme__captions b { font-weight: 600; }
.is-live .scheme__captions { display: grid; }
.is-live .scheme__captions p { grid-area: 1 / 1; margin: 0; visibility: hidden; }
.is-live[data-state="day"] [data-caption="day"],
.is-live[data-state="night"] [data-caption="night"],
.is-live[data-state="outage"] [data-caption="outage"] { visibility: visible; }
.scheme__cta { margin-top: var(--iz-space-4); }
.scheme__diagram { grid-area: diagram; position: relative; width: 100%; max-width: 600px; aspect-ratio: 1; margin-inline: auto; }
.scheme__scene {
  position: absolute; inset: 0;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-composite: source-in; mask-composite: intersect;
}
.scheme__frame { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.scheme__frame--day, [data-state="night"] .scheme__frame--night, [data-state="outage"] :is(.scheme__frame--night, .scheme__frame--outage) { opacity: 1; }
@media (max-width: 599px) { .scheme__diagram { width: auto; margin-inline: calc(-1 * var(--iz-wrap-pad)); } }
.scheme__diagram > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.scheme__leader, .scheme__track, .scheme__beam, .scheme__flow, .scheme__cut { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.scheme__leader { stroke: var(--iz-c-line-strong); stroke-width: 1; }
.scheme__track { stroke: var(--iz-black); stroke-width: 4; stroke-opacity: .7; }
.scheme__beam { stroke: var(--iz-accent); stroke-width: 4; stroke-opacity: .45; opacity: 0; transition: opacity var(--iz-t-fast) var(--iz-ease); }
.scheme__flow { stroke: var(--iz-accent); stroke-width: 2.5; stroke-dasharray: 7 17; opacity: 0; transition: opacity var(--iz-t-fast) var(--iz-ease); }
.scheme__cut { stroke: var(--iz-warning-on-dark); stroke-width: 2.5; opacity: 0; }
[data-state="day"] :is(.scheme__flow--sun, .scheme__flow--home, .scheme__flow--bat),
[data-state="night"] :is(.scheme__flow--home, .scheme__flow--bat),
[data-state="outage"] :is(.scheme__flow--sun, .scheme__flow--home, .scheme__flow--bat),
[data-state="outage"] .scheme__cut { opacity: 1; }
[data-state="outage"] .scheme__track--grid { stroke: var(--iz-warning-on-dark); stroke-width: 1.5; stroke-dasharray: 3 6; }
.scheme__dot { fill: var(--iz-c-muted); stroke: var(--iz-black); stroke-width: 2; vector-effect: non-scaling-stroke; transition: fill var(--iz-t-fast) var(--iz-ease); }
.scheme__node {
  position: absolute; left: var(--x); top: var(--y);
  display: grid; gap: 2px; padding: 7px 14px 7px 10px; background: var(--iz-black); white-space: nowrap;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
}
.scheme__node--bl { transform: translateY(-100%); }
.scheme__node--tr { transform: translateX(-100%); }
.scheme__node--r { transform: translate(-100%, -50%); }
.scheme__label { font-size: 13px; font-weight: 600; line-height: 1.2; }
.scheme__state { display: flex; align-items: center; gap: 6px; color: var(--iz-c-muted); font-size: 11px; }
.scheme__state::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--led, currentColor); transition: background-color var(--iz-t-fast) var(--iz-ease); }
.scheme__state [data-when] { display: none; }
[data-state="day"] [data-when="day"], [data-state="night"] [data-when="night"], [data-state="outage"] [data-when="outage"] { display: inline; }
:is(.scheme__node--home, .scheme__node--bat) .scheme__state,
:is([data-state="day"], [data-state="outage"]) .scheme__node--sun .scheme__state { --led: var(--iz-accent); }
:is(.scheme__dot--inv, .scheme__dot--home, .scheme__dot--bat),
:is([data-state="day"], [data-state="outage"]) .scheme__dot--sun { fill: var(--iz-accent); filter: drop-shadow(0 0 5px var(--iz-accent)); }
.scheme__node--home .scheme__state { color: var(--iz-c-text); }
[data-state="outage"] .scheme__dot--grid { fill: var(--iz-warning-on-dark); }
[data-state="outage"] .scheme__node--grid .scheme__state { color: var(--iz-warning-on-dark); }
@media (prefers-reduced-motion: no-preference) {
  .scheme__frame { transition: opacity var(--iz-t-enter) var(--iz-ease); }
  .scheme__flow { animation: scheme-flow .8s linear infinite paused; }
  .scheme__flow--bat { animation: scheme-flow .8s linear infinite paused, scheme-turn-a var(--iz-t-state) paused; }
  :is([data-state="night"], [data-state="outage"]) .scheme__flow--bat { animation-name: scheme-flow, scheme-turn-b; animation-direction: reverse, normal; }
  .scheme.is-inview :is(.scheme__flow, .scheme__beam) { animation-play-state: running; }
  .is-tour .scheme__modes [aria-pressed="true"]::after {
    content: ""; position: absolute; inset: auto 0 0; height: 3px; background: var(--iz-on-accent);
    transform: scaleX(0); transform-origin: left; animation: scheme-tour 4s linear forwards paused;
  }
  .is-tour.is-inview .scheme__modes [aria-pressed="true"]::after { animation-play-state: running; }
}
@keyframes scheme-flow { to { stroke-dashoffset: -24; } }
@keyframes scheme-turn-a { 0%, 43% { opacity: 0; } }
@keyframes scheme-turn-b { 0%, 43% { opacity: 0; } }
@keyframes scheme-tour { to { transform: scaleX(1); } }
@media (min-width: 1024px) {
  .scheme { padding-block: var(--iz-space-12); }
  .scheme__in { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "head diagram" "controls diagram"; column-gap: var(--iz-space-10); row-gap: var(--iz-space-4); }
  .scheme__head { align-self: end; }
  .scheme__controls { align-self: start; }
  .scheme__diagram { max-width: 760px; align-self: center; }
  .scheme__label { font-size: 15px; }
  .scheme__state { font-size: 13px; }
}
.why, .kits, .biz, .projects, .stages, .brands, .trust, .faq { padding-block: var(--iz-space-8); }
.sec-head { display: grid; gap: var(--iz-space-3); margin-bottom: var(--iz-space-5); }
.sec-head h2 { margin: 0; max-width: 16em; text-wrap: balance; }
.sec-head__lead { max-width: 36rem; margin: 0; color: var(--iz-c-muted); }
.sec-head .btn { margin-top: var(--iz-space-3); }
@media (max-width: 599px) {
  .why, .kits, .scheme, .biz, .projects, .stages, .brands, .trust, .faq { padding-block: var(--iz-space-6); }
  .sec-head { margin-bottom: var(--iz-space-4); }
}
@media (min-width: 1024px) {
  .why, .kits, .biz, .projects, .stages, .brands, .trust, .faq { padding-block: var(--iz-space-12); }
  .sec-head { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--iz-space-10); align-items: start; margin-bottom: var(--iz-space-8); }
}
.biz, .cta { container-type: inline-size; --bleed: max(var(--iz-wrap-pad), (100cqi - var(--iz-wrap-max)) / 2); }
.why { background: var(--iz-steel); }
.why .sec-head__lead { color: var(--iz-c-text); text-wrap: pretty; }
.why__list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.why__item { position: relative; display: grid; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
.why__item .tag { position: absolute; left: 0; top: 0; z-index: 2; }
.why__pic { position: relative; overflow: hidden; }
.why__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--iz-ease); }
.why__body { display: grid; align-content: end; gap: var(--iz-space-1); padding: var(--iz-space-3) var(--iz-space-2); }
.why__name, .why__text, .why__fig { margin: 0; }
.why__text { max-width: 34rem; color: var(--iz-c-muted); text-wrap: pretty; }
@media (hover: hover) { .why__item:hover .why__pic img { transform: scale(1.04); } }
.why__item:not(.why__item--fig) { aspect-ratio: 4 / 5; }
.why__item:not(.why__item--fig) .why__pic { position: absolute; inset: 0; }
.why__item:not(.why__item--fig) .why__body {
  position: relative; z-index: 1; align-self: end; padding-top: var(--iz-space-8);
  background: linear-gradient(rgb(43 47 51 / 0), rgb(43 47 51 / .88) var(--iz-space-6), rgb(43 47 51 / .95));
}
.why__item:not(.why__item--fig) .why__text { max-width: 40rem; color: var(--iz-c-text); }
.why__item:nth-child(4) .why__pic img { object-position: 40% 47%; }
.why__item--fig .why__pic { order: 1; aspect-ratio: 2 / 1; }
.why__item--fig .why__body { padding-top: calc(36px + var(--iz-space-3)); }
.why__fig { color: var(--iz-accent-text-on-dark); font: 500 clamp(56px, 17vw, 72px) / 1 var(--iz-font-mono); letter-spacing: -.04em; word-spacing: -.3em; white-space: nowrap; }
.why__fig small { color: var(--iz-c-text); font-size: .34em; letter-spacing: 0; }
@media (min-width: 600px) {
  .why__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iz-space-2); }
  .why__body { padding: var(--iz-space-3); }
  .why__item:not(.why__item--fig) { aspect-ratio: 1; }
  .why__item:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
  .why__item--fig { grid-column: 1 / -1; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); }
  .why__item--fig .why__pic { aspect-ratio: auto; min-height: 260px; }
  .why__fig { font-size: clamp(56px, 9.6vw, 72px); }
}
@media (min-width: 1200px) {
  .why__list { grid-template-rows: repeat(2, minmax(300px, 1fr)) minmax(clamp(400px, 30vw, 520px), auto); }
  .why__item, .why__item--fig, .why__item:first-child { grid-column: auto; }
  .why__item:not(.why__item--fig) { aspect-ratio: auto; }
  .why__item:first-child { grid-row: span 2; }
  .why__item .tag { height: 44px; min-width: 60px; font-size: 18px; }
  .why__item--fig .why__body { padding-top: calc(44px + var(--iz-space-3)); }
  .why__fig { font-size: clamp(56px, 4.7vw, 84px); }
}
@media (prefers-reduced-motion: no-preference) {
  .why__item:nth-child(2), .why__item:nth-child(5) { --d: .12s; }
  .why__item:nth-child(3) { --d: .24s; }
  .is-armed > .why__item { opacity: 0; transform: translateY(28px); }
  .is-armed > .why__item .tag { background: var(--iz-black); color: var(--iz-white); }
  .is-armed > .why__item .why__fig { color: var(--iz-line-strong-on-dark); }
  .is-armed > .why__item.is-seen {
    opacity: 1; transform: none;
    transition: opacity var(--iz-t-enter) var(--iz-ease) var(--d, 0s), transform var(--iz-t-enter) var(--iz-ease) var(--d, 0s);
  }
  .is-armed > .is-seen .tag { background: var(--iz-accent); color: var(--iz-on-accent); transition: background-color var(--iz-t-state) calc(var(--d, 0s) + .5s), color var(--iz-t-state) calc(var(--d, 0s) + .5s); }
  .is-armed > .is-seen .why__fig { color: var(--iz-accent-text-on-dark); transition: color var(--iz-t-state) calc(var(--d, 0s) + .5s); }
}
.why__steps { display: none; }
@media (max-width: 599px) {
  .why__list {
    display: flex; margin-inline: calc(-1 * var(--iz-wrap-pad)); padding-inline: var(--iz-wrap-pad);
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--iz-wrap-pad);
    overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .why__list::-webkit-scrollbar { display: none; }
  .why__item { flex: 0 0 calc(100% - 40px); min-width: 0; scroll-snap-align: start; }
  .why__item, .why__item:not(.why__item--fig) { aspect-ratio: 2 / 3; min-height: 440px; }
  .why__item--fig .why__pic { position: absolute; inset: 0; order: 0; aspect-ratio: auto; }
  .why__item--fig .why__body {
    position: relative; z-index: 1; align-self: end; padding-top: var(--iz-space-8);
    background: linear-gradient(rgb(43 47 51 / 0), rgb(43 47 51 / .88) var(--iz-space-6), rgb(43 47 51 / .95));
  }
  .why__item--fig .why__name { font-size: var(--iz-h4-size); line-height: var(--iz-h4-lh); }
  .why__item--fig .why__text { color: var(--iz-c-text); }
  .why__fig { font-size: 40px; }
  .is-armed > .why__item { transform: none; }
  .why__steps { display: flex; gap: 6px; margin: var(--iz-space-2) 0 0; }
  .why__steps span { flex: 1; height: 3px; background: rgb(43 47 51 / .22); transition: background-color var(--iz-t-fast); }
  .why__steps .is-on { background: var(--iz-accent); }
}
.kits__rows { border-bottom: 1px solid var(--iz-c-line); }
.kits__row { display: grid; gap: var(--iz-space-2); padding-block: var(--iz-space-4); border-top: 1px solid var(--iz-c-line); }
.kits__inv { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--iz-space-2); }
.kits__inv > * { margin: 0; }
.kits__inv picture { grid-column: 2; grid-row: 1; align-self: center; }
.kits__model { grid-column: 1 / -1; }
.kits__photo { width: 52px; height: 52px; }
@media (max-width: 359px) { .kits__inv picture { display: none; } }
.kits__power { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iz-space-1) var(--iz-space-2); font: inherit; }
.kits__grid { font-size: 16px; font-weight: 600; line-height: 1.3; }
.kits__model { margin-top: var(--iz-space-1); color: var(--iz-c-muted); font-family: var(--iz-font-mono); overflow-wrap: anywhere; }
.kits .kit__name { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--iz-space-2); }
.kits .kit__name picture { flex: none; margin-block: -10px; border-radius: var(--iz-radius-sm); background: var(--iz-bg-light); }
.kit__photo { width: 48px; height: 48px; }
@media (min-width: 1024px) { .kit__photo { width: 56px; height: 56px; } }
.kits .note { margin: var(--iz-space-3) 0 0; }
.kits__backup { display: grid; gap: var(--iz-space-3); margin-top: var(--iz-space-5); padding-top: var(--iz-space-4); border-top: 1px solid var(--iz-c-line); }
.kits__backup p { max-width: 36rem; margin: 0; }
.kits__backup-h { margin: 0 0 var(--iz-space-1); font-size: 18px; line-height: 1.3; }
.kits__backup-go { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iz-space-2) var(--iz-space-3); }
.kits__backup-figs { font-family: var(--iz-font-mono); font-size: 15px; }
@media (min-width: 1024px) { .kits__backup { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--iz-space-10); align-items: center; } }
@media (max-width: 599px) { .kits__row { padding-block: var(--iz-space-3); } }
@media (min-width: 768px) {
  .kits__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kits__inv { grid-column: 1 / -1; }
  .kits__row .kit { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: var(--iz-space-2); }
  .kits__inv + .kit:last-child { grid-column: span 2; grid-template: auto auto 1fr auto / repeat(2, minmax(0, 1fr)); column-gap: calc(2 * var(--iz-space-3) + var(--iz-space-2) + 2px); }
  .kits__inv + .kit:last-child > :not(dl) { grid-column: 1; }
  .kits__inv + .kit:last-child > .kit__cta { align-self: end; }
  .kits__inv + .kit:last-child > dl { position: relative; grid-column: 2; grid-row: 1 / -1; align-content: start; padding-top: 0; border-top: 0; }
  .kits__inv + .kit:last-child > dl::before { content: ""; position: absolute; inset: 0 auto 0 calc(-1 * var(--iz-space-3) - var(--iz-space-1) - 1px); border-left: 1px dashed var(--iz-c-line-strong); }
}
@media (min-width: 1024px) {
  .kits__row { grid-template-columns: minmax(0, 3fr) repeat(2, minmax(0, 4.5fr)); column-gap: var(--iz-space-3); }
  .kits__inv + .kit:last-child { column-gap: calc(3 * var(--iz-space-3) + 2px); }
  .kits__inv + .kit:last-child > dl::before { left: calc(-1.5 * var(--iz-space-3) - 1px); }
  .kits__inv { display: block; grid-column: auto; grid-row: span 5; }
  .kits__power { flex-direction: column; align-items: flex-start; }
  .kits__photo { width: min(100%, 220px); height: auto; margin-top: var(--iz-space-3); }
}
.biz__list { display: grid; gap: var(--iz-space-4); margin: 0; padding: 0; list-style: none; }
.biz__list li { padding-top: var(--iz-space-2); border-top: 2px solid var(--iz-c-text); }
.biz__list h3 { margin: 0 0 var(--iz-space-1); }
.biz__list p { margin: 0; color: var(--iz-c-muted); }
@media (min-width: 768px) { .biz__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.biz__photo { position: relative; margin: 0 calc(-1 * var(--iz-wrap-pad)) var(--iz-space-4); aspect-ratio: 16 / 9; }
.biz__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 40% 20%; }
@media (min-width: 768px) {
  .biz > .wrap { max-width: none; padding-inline: var(--bleed) 0; }
  .biz .sec-head, .biz__list { margin-right: var(--bleed); }
  .biz__photo { margin: 0 0 var(--iz-space-6); aspect-ratio: 21 / 9; }
}
@media (min-width: 1280px) {
  .biz > .wrap { display: grid; grid-template-columns: calc((100cqi - 2 * var(--bleed) - var(--iz-space-10)) * 5 / 12) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: var(--iz-space-10); }
  .biz .sec-head { display: block; margin: 0 0 var(--iz-space-6); }
  .biz .sec-head h2 { margin-bottom: var(--iz-space-3); }
  .biz__list { grid-column: 1; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--iz-space-3); margin-right: 0; }
  .biz__photo { grid-column: 2; grid-row: 1 / 3; margin-bottom: 0; aspect-ratio: auto; min-height: 34cqi; }
  .biz__photo picture { position: absolute; inset: 0; }
}
.projects { background: var(--iz-bg-band); }
.projects__cards { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--iz-space-3); }
.projects__steps { display: none; }
@media (max-width: 1023px) {
  .projects__cards {
    display: flex; gap: var(--iz-space-2); margin-inline: calc(-1 * var(--iz-wrap-pad)); padding-inline: var(--iz-wrap-pad);
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--iz-wrap-pad);
    overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .projects__cards::-webkit-scrollbar { display: none; }
  .projects__cards > .proj { flex: 0 0 calc(50% - 36px); min-width: 0; scroll-snap-align: start; }
}
@media (max-width: 599px) {
  .projects__cards > .proj { flex-basis: calc(100% - 40px); }
  .projects__steps { display: flex; gap: 6px; margin: var(--iz-space-3) 0 0; }
  .projects__steps span { flex: 1; height: 3px; background: rgb(43 47 51 / .22); transition: background-color var(--iz-t-fast); }
  .projects__steps .is-on { background: var(--iz-accent); }
}
.projects__rows { margin: var(--iz-space-5) 0 0; padding: 0; list-style: none; border-bottom: 1px solid var(--iz-c-line); }
.prow { display: grid; gap: var(--iz-space-1); padding-block: var(--iz-space-3); border-top: 1px solid var(--iz-c-line); }
.prow > * { margin: 0; }
.prow__name a { color: inherit; text-decoration: underline; text-decoration-color: var(--iz-c-line-strong); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.prow__name a:hover { text-decoration-color: currentColor; }
.prow__spec { color: var(--iz-c-muted); font-family: var(--iz-font-mono); }
@media (max-width: 1023px) { .prow__name a { display: inline-block; padding-block: 11px; margin-block: -11px; } }
@media (min-width: 1024px) {
  .projects__rows { margin-top: var(--iz-space-8); }
  .prow { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--iz-space-10); align-items: baseline; }
}
.stages__list { display: grid; margin: 0; padding: 0; list-style: none; }
.stages__item { position: relative; padding: var(--iz-space-3) var(--iz-space-3) var(--iz-space-5) 0; border-top: 2px dashed var(--iz-c-line-strong); }
.stages__item::before { content: ""; position: absolute; left: 0; top: -6px; width: 10px; height: 10px; border-radius: 50%; background: var(--iz-c-line-strong); box-shadow: 0 0 0 4px var(--iz-c-bg); }
.stages__item > * { margin: 0; }
.stages__n { display: block; margin-bottom: var(--iz-space-1); color: var(--iz-c-muted); }
.stages__item p { max-width: 30rem; margin-top: var(--iz-space-1); color: var(--iz-c-muted); font-size: 16px; text-wrap: pretty; }
.stages__item--end { padding-bottom: 0; border-top-color: transparent; color: var(--iz-c-accent-text); }
.stages__item--end::before { background: var(--iz-accent); box-shadow: 0 0 0 4px var(--iz-c-bg), 0 0 0 7px rgb(255 122 26 / .25); }
@media (max-width: 599px) {
  .stages__item { padding: 0 0 var(--iz-space-3) var(--iz-space-4); border-top: 0; }
  .stages__item::before { top: 3px; }
  .stages__item:not(.stages__item--end)::after { content: ""; position: absolute; left: 4px; top: 21px; bottom: -3px; border-left: 2px dashed var(--iz-c-line-strong); }
  .stages__item--end { padding-bottom: 0; }
}
@media (min-width: 600px) { .stages__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .stages__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.stages__cta { margin: var(--iz-space-5) 0 0; }
@media (prefers-reduced-motion: no-preference) {
  .is-armed .stages__item--end { color: var(--iz-c-muted); }
  .is-armed .stages__item--end::before { background: var(--iz-c-line-strong); box-shadow: 0 0 0 4px var(--iz-c-bg); }
  .is-inview .stages__item:not(.stages__item--end)::before { animation: stage-pass .5s calc(var(--i) * .16s) both; }
  .is-inview .stages__item--end { animation: stage-text .3s calc(var(--i) * .16s) both; }
  .is-inview .stages__item--end::before { animation: stage-on .3s calc(var(--i) * .16s) both, stage-pulse 1.6s calc(var(--i) * .16s + .3s) ease-out 3; }
  .stages__item.is-seen:not(.stages__item--end)::before { animation: stage-pass .5s both; }
  .stages__item--end.is-seen { animation: stage-text .3s both; }
  .stages__item--end.is-seen::before { animation: stage-on .3s both, stage-pulse 1.6s .3s ease-out 3; }
}
@keyframes stage-pass { 40% { background: var(--iz-accent); box-shadow: 0 0 0 4px var(--iz-c-bg), 0 0 0 7px rgb(255 122 26 / .25); } }
@keyframes stage-on { to { background: var(--iz-accent); box-shadow: 0 0 0 4px var(--iz-c-bg), 0 0 0 7px rgb(255 122 26 / .25); } }
@keyframes stage-text { to { color: var(--iz-c-accent-text); } }
.brands { border-top: 1px solid var(--iz-c-line); }
.brands__list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--iz-c-line); }
.brands__item { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--iz-space-1) var(--iz-space-2); align-items: baseline; padding-block: var(--iz-space-3); border-top: 1px solid var(--iz-c-line); }
.brands__item > :first-child { grid-row: 1 / 3; align-self: center; }
.brands__item > :not(:first-child) { grid-column: 2; }
.brands__photo { width: 64px; height: 64px; }
@media (max-width: 599px) {
  .brands__item { grid-template-columns: 48px minmax(0, 1fr); }
  .brands__photo { width: 48px; height: 48px; }
}
.brands__name { font: var(--iz-h3-weight) var(--iz-h3-size) / var(--iz-h3-lh) var(--iz-font-sans); font-stretch: var(--iz-h3-stretch); letter-spacing: var(--iz-h3-tracking); }
.brands__logo { display: block; width: auto; max-height: 48px; }
.brands__note { color: var(--iz-c-muted); font-family: var(--iz-font-mono); font-size: var(--iz-small-size); }
@media (min-width: 768px) {
  .brands__item { grid-template-columns: 64px minmax(0, 1fr) calc((100% - var(--iz-space-10)) * 5 / 12); column-gap: var(--iz-space-3); }
  .brands__item > :first-child { grid-row: auto; }
  .brands__item > :not(:first-child) { grid-column: auto; }
}
.trust { padding-top: 0; background: var(--iz-bg-band); }
.trust__band { margin-bottom: var(--iz-space-8); padding-block: var(--iz-space-8) var(--iz-space-6); }
.trust__band .trust__nums { margin-bottom: 0; }
@media (max-width: 599px) { .trust__band { margin-bottom: var(--iz-space-6); padding-block: var(--iz-space-6) var(--iz-space-5); } }
.trust__nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iz-space-4) var(--iz-space-3); margin: 0 0 var(--iz-space-6); padding: 0; list-style: none; }
.trust__nums li { padding-top: var(--iz-space-2); border-top: 1px solid var(--iz-c-line-strong); }
.trust__nums p { margin: 0; }
.trust__val { font-family: var(--iz-font-mono); font-size: 15px; white-space: nowrap; }
.trust__val b { font-size: clamp(40px, 5vw, 64px); font-weight: 500; line-height: 1; letter-spacing: -.02em; }
.trust__label { margin-top: var(--iz-space-1); color: var(--iz-c-muted); font-size: var(--iz-small-size); line-height: var(--iz-small-lh); }
.trust__cols { display: grid; gap: var(--iz-space-5); }
.trust__h { margin: 0 0 var(--iz-space-2); color: var(--iz-c-muted); }
.trust__list { display: grid; gap: var(--iz-space-3); margin: 0; }
.trust__list + .trust__h { margin-top: var(--iz-space-5); }
.trust__list dt { margin: 0; }
.trust__list dd { max-width: 34rem; margin: var(--iz-space-05) 0 0; color: var(--iz-c-muted); }
.trust__list .has-photo { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--iz-space-2); }
.trust__photo { grid-row: span 2; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.trust__docs { max-width: 34rem; margin: 0; color: var(--iz-c-muted); }
.trust__files { margin: var(--iz-space-2) 0 0; padding: 0; list-style: none; }
.trust__files a { color: var(--iz-c-text); text-underline-offset: 4px; }
.trust .reviews { margin-top: var(--iz-space-6); padding-top: var(--iz-space-5); border-top: 1px solid var(--iz-c-line); }
.trust .reviews__head > * { margin: 0; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1280px) {
  .trust__cols > :first-child .trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--iz-space-4); }
}
@media (min-width: 1024px) {
  .trust__nums { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .trust__band { padding-block: var(--iz-space-10) var(--iz-space-8); }
  .trust__band .sec-head { margin-bottom: var(--iz-space-6); }
  .trust__cols { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--iz-space-10); }
  .trust .reviews { margin-top: var(--iz-space-8); }
}
.faq__in { display: grid; gap: var(--iz-space-5); }
.faq__head > * { margin: 0; }
.faq__ask { max-width: 22rem; margin-top: var(--iz-space-3); color: var(--iz-c-muted); }
.faq__ask > * { display: block; }
.faq__tel { display: flex; align-items: center; min-height: 44px; color: var(--iz-c-text); font-size: var(--iz-h5-size); white-space: nowrap; text-underline-offset: 4px; text-decoration-color: var(--iz-c-line-strong); }
.faq__list { border-bottom: 1px solid var(--iz-c-line); }
.faq__item { border-top: 1px solid var(--iz-c-line); }
.faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--iz-space-2); min-height: 64px; padding-block: var(--iz-space-2); cursor: pointer; list-style: none; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item h3 { margin: 0; }
.faq__item summary:hover h3 { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.faq__item summary::after {
  content: ""; flex: none; width: 16px; height: 16px;
  background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
}
.faq__item[open] summary::after { background-size: 100% 2px, 0 0; }
@media (prefers-reduced-motion: no-preference) {
  .faq__item summary::after { transition: background-size var(--iz-t-fast) var(--iz-ease); }
  @supports selector(::details-content) {
    .faq__list { interpolate-size: allow-keywords; }
    .faq__item::details-content { block-size: 0; overflow: clip; transition: block-size var(--iz-t-state) var(--iz-ease), content-visibility var(--iz-t-state) allow-discrete; }
    .faq__item[open]::details-content { block-size: auto; }
  }
}
.faq__a { max-width: 40rem; padding-bottom: var(--iz-space-1); }
@media (max-width: 599px) { .faq__item summary { min-height: 56px; padding-block: 12px; } }
.faq__a p { margin: 0 0 var(--iz-space-2); }
@media (min-width: 1024px) {
  .faq__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--iz-space-10); align-items: start; }
  .faq__head { position: sticky; top: calc(var(--iz-header-h) + var(--iz-space-4)); }
}
.cta__photo { display: none; }
@media (min-width: 768px) {
  .cta__photo { display: block; position: relative; height: 260px; margin-inline: calc(-1 * var(--bleed)); }
  .cta__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
}
@media (min-width: 1024px) {
  .cta__photo { grid-column: 1; grid-row: 2; align-self: stretch; height: auto; min-height: 160px; margin-right: 0; }
}