.web-app-hero{--fg-section-intro-line-height:var(--fg-leading-normal);position:relative;overflow:hidden;padding:var(--fg-space-6) var(--fg-space-3) var(--fg-section-padding-y);background:var(--fg-color-background)}.web-app-hero__backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.18}.web-app-hero__backdrop-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--fg-space-1);width:100%;height:100%}.web-app-hero__backdrop-grid div{overflow:hidden;min-height:var(--fg-space-24)}.web-app-hero__backdrop-image{width:100%;height:100%;object-fit:cover}.web-app-hero__backdrop-fade{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--fg-color-transparent) 0%,var(--fg-color-background-85) 55%,var(--fg-color-background) 80%)}.web-app-hero__inner{position:relative;z-index:1;width:min(100%, var(--fg-content-wide));margin:0 auto;padding-top:var(--fg-space-4)}.web-app-hero__copy{max-width:var(--fg-content-3xl);margin:0 auto;text-align:center}.web-app-hero__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:var(--fg-space-2);padding:var(--fg-space-1) var(--fg-space-3);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-full);background:var(--fg-color-background-80);color:var(--fg-color-muted);font-size:var(--fg-text-11);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);letter-spacing:var(--fg-tracking-eyebrow);text-transform:uppercase;backdrop-filter:var(--fg-blur-sm)}.web-app-hero__eyebrow-icon,.web-app-hero__button-icon,.web-app-hero__output-icon{width:var(--fg-icon-sm);height:var(--fg-icon-sm)}.web-app-hero__title{max-width:var(--fg-content-4xl);margin:var(--fg-space-5) auto 0;color:var(--fg-color-text);font-size:var(--fg-text-7xl);font-weight:var(--fg-weight-bold);line-height:1.02;letter-spacing:var(--fg-tracking-reset);text-wrap:pretty}.web-app-hero__copy>.web-app-hero__title:first-child{margin-top:0}.web-app-hero__intro{margin:var(--fg-space-5) auto 0;text-wrap:pretty}.web-app-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--fg-space-3);margin-top:var(--fg-space-7)}.web-app-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--fg-space-2);min-height:var(--fg-space-11);padding:0 var(--fg-space-5);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-full);background:var(--fg-color-background);color:var(--fg-color-text);font-size:var(--fg-text-sm);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);box-shadow:var(--fg-shadow-card);transition:transform var(--fg-transition-fast),background-color var(--fg-transition-fast)}.web-app-hero__button--primary{border-color:var(--fg-color-text);background:var(--fg-color-text);color:var(--fg-color-background);box-shadow:var(--fg-shadow-soft)}.web-app-shell a.web-app-hero__button--primary{color:var(--fg-color-background)}.web-app-hero__button:hover,.web-app-hero__button:focus-visible{transform:scale(1.02)}.web-app-hero__visual{position:relative;display:grid;grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);gap:clamp(var(--fg-space-6), 4vw, var(--fg-space-10));align-items:stretch;width:min(100%, 94rem);margin-inline:auto;margin-top:var(--fg-space-14)}.web-app-hero__panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--fg-space-3);margin-bottom:var(--fg-space-2);color:var(--fg-color-muted);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);letter-spacing:var(--fg-tracking-wide);text-transform:uppercase}.web-app-hero__panel-header span:last-child{color:var(--fg-color-text-60);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:var(--fg-tracking-reset);text-transform:none}.web-app-hero__source{align-self:stretch;display:flex;flex-direction:column;min-height:0}.web-app-hero__source-figure{display:flex;flex:1 1 auto;min-height:0;margin:0}.web-app-hero__source-media{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;aspect-ratio:auto;border-radius:var(--fg-radius-2xl);box-shadow:var(--fg-shadow-soft)}.web-app-hero__source-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.web-app-hero__source-badge{position:absolute;left:var(--fg-space-2);top:var(--fg-space-2);max-width:calc(100% - var(--fg-space-4));display:inline-flex;align-items:center;gap:var(--fg-space-1);padding:var(--fg-space-0-5) var(--fg-space-1-5);border-radius:var(--fg-radius-full);background:var(--fg-color-background-90);color:var(--fg-color-text);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);backdrop-filter:var(--fg-blur-sm)}.web-app-hero__source-badge-icon{width:var(--fg-icon-sm);height:var(--fg-icon-sm)}.web-app-hero__output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fg-space-3)}.web-app-hero__output{position:relative;margin:0;overflow:hidden;aspect-ratio:2 / 3;border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-2xl);background:var(--fg-color-muted-surface);box-shadow:var(--fg-shadow-card)}.web-app-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--fg-transition-medium)}.web-app-hero__output:hover .web-app-hero__image{transform:none}.web-app-hero__output figcaption{position:absolute;left:var(--fg-space-2);top:var(--fg-space-2);display:inline-flex;align-items:center;gap:var(--fg-space-1);padding:var(--fg-space-0-5) var(--fg-space-1-5);border-radius:var(--fg-radius-md);background:var(--fg-color-background-90);color:var(--fg-color-text-80);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);backdrop-filter:var(--fg-blur-sm)}@media (min-width:1025px){.web-app-hero__outputs{display:flex;flex-direction:column;min-height:0}.web-app-hero__output-grid{flex:1 1 auto;grid-template-rows:repeat(2,minmax(0,1fr))}.web-app-hero__output{min-height:0;aspect-ratio:auto}}@media (prefers-reduced-motion:reduce){.web-app-hero__button,.web-app-hero__image{transition:none}.web-app-hero__button:hover,.web-app-hero__button:focus-visible{transform:none}}@media (max-width:1024px){.web-app-hero{padding-bottom:var(--fg-section-padding-y)}.web-app-hero__title{font-size:var(--fg-text-7xl)}.web-app-hero__visual{grid-template-columns:1fr}.web-app-hero__source{display:block;width:min(100%, 34rem);margin:0 auto}.web-app-hero__source-figure{display:block;min-height:0}.web-app-hero__source-media{aspect-ratio:2 / 3}.web-app-hero__outputs{width:100%}}@media (max-width:640px){.web-app-hero{padding-top:var(--fg-space-10)}.web-app-hero__backdrop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.web-app-hero__title{font-size:var(--fg-text-5xl)}.web-app-hero__actions{flex-direction:column}.web-app-hero__button{width:auto;max-width:100%}.web-app-hero__output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-hero__panel-header{align-items:flex-start;flex-direction:column;gap:var(--fg-space-1)}}