.home{background:var(--color-surface-page)}.hero{position:relative;max-width:3840px;margin:0 auto;padding:clamp(72px,8vw,120px) 0 clamp(32px,6vw,40px);min-height:clamp(560px,60vw,828px);display:flex;align-items:center}.hero__media{position:absolute;inset:0;pointer-events:none}.hero__shape{position:absolute;left:0;top:0;z-index:2;height:100%;width:clamp(1200px,52vw,2400px);object-fit:cover}.hero__image{position:absolute;right:0;top:0;z-index:1;width:clamp(1200px,60vw,2800px);height:100%;object-fit:cover;object-position:right center}.hero__content{position:relative;z-index:3;padding-left:clamp(32px,8vw,126px);max-width:min(920px,90vw);display:flex;flex-direction:column;gap:48px}.hero h1{margin:0;font-size:var(--fs-display);line-height:var(--lh-display);font-weight:600;color:var(--color-text-on-action)}.section{padding:clamp(32px,6vw,64px)}.section--center{text-align:center}.section--tinted{background:var(--color-surface-icon-background)}.section__heading h2{margin:0 0 12px;font-size:var(--fs-heading);line-height:var(--lh-heading);font-weight:600}.section__heading p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-on-disabled);font-weight:500}.cards{margin-top:48px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:flex;flex-direction:column;align-items:center;gap:16px}.card h3{margin:0;font-size:calc(var(--fs-body) * 1.12);line-height:calc(var(--lh-body) * .95);font-weight:600}.card p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-on-disabled)}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px}.card__icon img{width:30px;height:24px;object-fit:contain}.card__icon--blue{background:var(--color-surface-icon-background)}.card__icon--green{background:var(--color-status-background-green)}.card__icon--purple{background:var(--color-status-background-blue)}.card__icon--orange{background:var(--color-status-background-yellow)}.card__icon--red{background:var(--color-status-background-red)}.section--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.section__content{display:flex;flex-direction:column;gap:24px}.section__eyebrow{font-size:var(--fs-small);line-height:var(--lh-small);letter-spacing:6px;color:var(--color-text-primary);font-weight:700}.section__content h2{margin:0;font-size:var(--fs-heading);line-height:var(--lh-heading);font-weight:600}.section__content p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-body)}.checks img{width:16px;height:16px;margin-top:4px}.section__media img{width:100%;height:auto;object-fit:cover}.feature-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 clamp(24px,10vw,300px) 0}.feature-card{background:var(--color-surface-page);border-radius:16px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 0 8px rgb(var(--color-primary-200-rgb) / .9)}.feature-card h3{margin:0;font-size:calc(var(--fs-body) * 1.12);line-height:calc(var(--lh-body) * .95);font-weight:600;text-align:center}.feature-card p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-on-disabled);text-align:center}.cta{background:var(--color-surface-action);color:var(--color-text-on-action);text-align:center;padding:clamp(40px,6vw,64px);display:flex;flex-direction:column;gap:32px;align-items:center}.cta .section__heading h2,.cta .section__heading p{color:var(--color-text-on-action)}@media(max-width:1200px){.cards,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.hero{min-height:auto}.section--split{grid-template-columns:1fr}.section__media{order:-1}}@media(max-width:768px){.hero{padding:64px 0 32px}.hero__media{opacity:.6}.cards,.feature-grid{grid-template-columns:1fr}}@media(max-width:576px){.hero__content{padding-left:24px;padding-right:24px}.checks li{flex-direction:column}}