.cinematic-hero{--color-background:var(--paper);--color-surface:var(--paper-elevated);--color-ink:var(--ink);--color-muted:var(--ink-soft);--color-primary:var(--source);--hero-progress-value:0;--hero-document-presence:1;--hero-descent-progress:0;--hero-assembly-progress:0;--hero-product-presence:0;--hero-interface-presence:0;--hero-inline-padding:clamp(1rem, 4vw, 5rem);--hero-copy-column:min(38rem, 42vw);--hero-panel-gutter:clamp(1.25rem, 2.5vw, 2.5rem);--hero-panel-left:calc(var(--hero-inline-padding) + var(--hero-copy-column) + var(--hero-panel-gutter));--hero-panel-right:clamp(1rem, 2.5vw, 3rem);z-index:2;box-sizing:border-box;width:100%;min-height:min(58rem,100svh - 5.5rem);padding:clamp(2rem, 5vh, 4.5rem) var(--hero-inline-padding) clamp(2.4rem, 5vh, 4.5rem);isolation:isolate;margin:0 auto;display:block;position:relative;overflow:clip}.cinematic-hero:before{z-index:-1;background:radial-gradient(circle at 64% 50%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 48%), radial-gradient(circle at 44% 76%, #7566ff14, transparent 44%);content:"";pointer-events:none;position:absolute;inset:5% -8vw 0 23%}.cinematic-hero__copy{z-index:6;width:var(--hero-copy-column);background:0 0;max-width:38rem;padding-top:clamp(2rem,7vh,6rem);position:relative}.cinematic-hero__copy>.utility-label{color:var(--color-primary);font-family:var(--font-mono,monospace);letter-spacing:.17em;text-shadow:0 0 .12rem var(--color-background), 0 0 .42rem color-mix(in srgb, var(--color-background) 88%, transparent);text-transform:uppercase;margin-bottom:clamp(1rem,1.8vw,1.6rem);font-size:clamp(.66rem,.6rem + .12vw,.76rem);line-height:1.45;display:block}.cinematic-hero__copy h1{max-width:7.4ch;color:var(--color-ink);letter-spacing:-.072em;text-shadow:0 0 .16rem var(--color-background), 0 0 .68rem color-mix(in srgb, var(--color-background) 82%, transparent);text-wrap:balance;margin:0;font-size:clamp(4rem,6.2vw,7.5rem);font-weight:650;line-height:.86}html[lang=fr] .cinematic-hero__copy h1{max-width:12ch;font-size:clamp(3.1rem,4.7vw,5.6rem)}.cinematic-hero__body{max-width:34rem;margin-top:clamp(1.5rem,3vh,2.6rem)}.cinematic-hero__body>p{color:var(--color-muted);text-shadow:0 0 .12rem var(--color-background), 0 0 .42rem color-mix(in srgb, var(--color-background) 88%, transparent);margin:0;font-size:clamp(1rem,.92rem + .25vw,1.2rem);line-height:1.55}.cinematic-hero__actions{flex-wrap:wrap;gap:.72rem;margin-top:clamp(1.35rem,2.5vh,2rem);display:flex}.cinematic-hero .button{border:1px solid color-mix(in srgb, var(--color-ink) 17%, transparent);background:color-mix(in srgb, var(--color-surface) 88%, transparent);min-height:3.45rem;box-shadow:0 .75rem 2.5rem color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink);backdrop-filter:blur(18px);border-radius:.8rem;justify-content:center;align-items:center;padding:.9rem 1.35rem;font-size:.96rem;font-weight:700;text-decoration:none;transition:translate .18s,border-color .18s,box-shadow .18s;display:inline-flex}.cinematic-hero .button:hover{border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);box-shadow:0 1rem 3rem color-mix(in srgb, var(--color-primary) 13%, transparent);translate:0 -2px}.cinematic-hero .button-primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cinematic-hero__experience{z-index:2;pointer-events:none;perspective:1300px;width:auto;min-height:0;margin:0;position:absolute;inset:0}.cinematic-material-canvas,.cinematic-material-canvas>div,.cinematic-material-canvas canvas{opacity:0;visibility:hidden;inset:0;width:100%!important;height:100%!important;box-shadow:none!important;filter:none!important;pointer-events:none!important;background:0 0!important;position:absolute!important}.cinematic-material-canvas{z-index:1}.cinematic-hero__experience[data-renderer=webgl] .cinematic-material-canvas,.cinematic-hero__experience[data-renderer=webgl] .cinematic-material-canvas>div,.cinematic-hero__experience[data-renderer=webgl] .cinematic-material-canvas canvas{opacity:1;visibility:visible}.cinematic-hero-fallback{z-index:2;box-shadow:none;background:0 0;transition:opacity .26s;position:absolute;inset:0;overflow:visible}.cinematic-hero__experience[data-renderer=webgl] .cinematic-hero-fallback,.cinematic-hero__experience[data-hero-runtime=deferred] .cinematic-hero-fallback,.cinematic-hero__experience[data-hero-runtime=loading] .cinematic-hero-fallback{visibility:hidden;opacity:0}.cinematic-fallback-documents{top:10%;right:var(--hero-panel-right);width:auto;height:72%;opacity:calc(var(--hero-document-presence) * .4);position:absolute;left:0;transform:rotate(-4deg)}.cinematic-fallback-documents article{aspect-ratio:.76;background:color-mix(in srgb, var(--color-surface) 72%, transparent);border:1px solid #0000;border-radius:.5rem;width:clamp(7.5rem,10vw,11rem);padding:.8rem;position:absolute;top:0;left:0;transform:rotate(-4deg)}.cinematic-fallback-documents article:first-child{top:0;left:0;transform:rotate(-6deg)}.cinematic-fallback-documents article:nth-child(2){top:5%;left:26%;transform:rotate(-3deg)}.cinematic-fallback-documents article:nth-child(3){top:0;left:52%;transform:rotate(2deg)}.cinematic-fallback-documents article:nth-child(4){top:7%;left:76%;transform:rotate(5deg)}.cinematic-fallback-documents article:nth-child(5){top:37%;left:0;transform:rotate(-4deg)}.cinematic-fallback-documents article:nth-child(6){top:42%;left:26%;transform:rotate(3deg)}.cinematic-fallback-documents article:nth-child(7){top:35%;left:52%;transform:rotate(-2deg)}.cinematic-fallback-documents article:nth-child(8){top:44%;left:76%;transform:rotate(6deg)}.cinematic-fallback-documents article:nth-child(9){top:70%;left:13%;transform:rotate(1deg)}.cinematic-fallback-documents article:nth-child(10){top:68%;left:62%;transform:rotate(-5deg)}.cinematic-fallback-documents span,.cinematic-fallback-documents strong{display:block}.cinematic-fallback-documents span{color:var(--color-primary);font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem}.cinematic-fallback-documents strong{margin:1.1rem 0 .8rem;font-family:Georgia,serif;font-size:1.05rem;font-weight:500}.cinematic-fallback-documents i{background:color-mix(in srgb, var(--color-ink) 14%, transparent);width:90%;height:1px;margin-top:.48rem;display:block}.cinematic-fallback-flow{z-index:2;top:18%;left:calc(var(--hero-panel-left) + 6%);width:20%;height:65%;opacity:var(--hero-document-presence);position:absolute}.cinematic-fallback-flow i{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.5;width:100%;height:2px;position:absolute;top:18%;left:0;transform:rotate(10deg)}.cinematic-fallback-flow i:first-child{top:18%}.cinematic-fallback-flow i:nth-child(2){width:92%;top:36%;left:5%;transform:rotate(3deg)}.cinematic-fallback-flow i:nth-child(3){width:84%;top:54%;left:10%;transform:rotate(-4deg)}.cinematic-fallback-flow i:nth-child(4){width:76%;top:72%;left:15%;transform:rotate(-11deg)}.cinematic-product-overlay{z-index:4;top:50%;right:var(--hero-panel-right);left:var(--hero-panel-left);border:1px solid color-mix(in srgb, var(--color-ink) 17%, transparent);background:var(--color-surface);width:auto;min-width:0;max-width:none;height:min(40rem,74vh);box-shadow:0 1.75rem 3.5rem color-mix(in srgb, var(--color-ink) 13%, transparent), 0 0 0 1px #ffffff47 inset;opacity:var(--hero-product-presence);transform:translate3d(0, -50%, 0) scale(calc(.88 + var(--hero-product-presence) * .12)) rotateY(calc(-2deg * (1 - var(--hero-product-presence))));transform-origin:100%;backdrop-filter:blur(24px);will-change:transform, opacity;border-radius:1.35rem;position:absolute;overflow:hidden}.cinematic-product-header{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 11%, transparent);grid-template-columns:auto auto minmax(12rem,1fr) auto;align-items:center;gap:.85rem;min-height:4rem;padding:0 1.15rem;display:grid}.cinematic-product-mark{aspect-ratio:1;background:var(--color-ink);width:2.25rem;color:var(--color-surface);font-family:var(--font-mono,monospace);border-radius:.65rem;place-items:center;font-size:.68rem;font-weight:700;display:grid}.cinematic-product-header>div:nth-child(2){line-height:1.1;display:grid}.cinematic-product-eyebrow,.cinematic-product-title span,.cinematic-product-trace span,.cinematic-product-table-head,.cinematic-product-version{color:var(--color-muted);font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.cinematic-product-search{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);width:min(100%,24rem);color:var(--color-muted);border-radius:.7rem;justify-self:end;padding:.7rem .9rem;font-size:.7rem}.cinematic-product-search span{float:right}.cinematic-product-status{align-items:center;gap:.45rem;font-size:.66rem;display:inline-flex}.cinematic-product-status i{aspect-ratio:1;background:#a9ff2f;border-radius:50%;width:.5rem;box-shadow:0 0 1rem #a9ff2f94}.cinematic-product-layout{grid-template-columns:9.5rem minmax(0,1fr);height:calc(100% - 4rem);display:grid}.cinematic-product-layout>nav{border-right:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);background:color-mix(in srgb, var(--color-ink) 2.5%, transparent);flex-direction:column;gap:.45rem;padding:1.35rem .9rem;display:flex}.cinematic-product-layout>nav span{color:var(--color-muted);border-radius:.55rem;padding:.72rem .8rem;font-size:.7rem}.cinematic-product-layout>nav span[data-active=true]{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);font-weight:700}.cinematic-product-workspace{padding:1.45rem 1.65rem 1.8rem;overflow:hidden}.cinematic-product-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cinematic-product-title h2{max-width:16ch;color:var(--color-ink);letter-spacing:-.05em;margin:.25rem 0 0;font-size:clamp(1.6rem,2.2vw,2.7rem);line-height:.98}.cinematic-product-version{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);white-space:nowrap;border-radius:99px;padding:.55rem .7rem}.cinematic-product-compact-trace{border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);background:color-mix(in srgb, var(--color-primary) 5%, transparent);border-radius:.7rem;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:.65rem;margin:1.15rem 0;padding:.8rem .9rem;font-size:.67rem;display:grid}.cinematic-product-compact-trace i{color:var(--color-primary);font-style:normal}.cinematic-product-metrics{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.cinematic-product-metrics>div{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);border-radius:.7rem;padding:.85rem;display:grid}.cinematic-product-metrics strong{font-size:1.55rem;line-height:1}.cinematic-product-metrics span{color:var(--color-muted);margin-top:.4rem;font-size:.62rem}.cinematic-product-trace{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);border-radius:.7rem;margin:.8rem 0;padding:.85rem}.cinematic-product-trace header{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 9%, transparent);justify-content:space-between;gap:1rem;padding-bottom:.7rem;display:flex}.cinematic-product-trace header div{display:grid}.cinematic-product-trace header b{color:#659600;font-size:.66rem}.cinematic-product-trace-grid{grid-template-columns:repeat(5,1fr);gap:.6rem;padding-top:.7rem;display:grid}.cinematic-product-trace-grid>div{gap:.25rem;display:grid}.cinematic-product-trace-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.cinematic-product-table{border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);border-radius:.7rem;overflow:hidden}.cinematic-product-table-head,.cinematic-product-row{grid-template-columns:1.25fr 1.15fr .9fr .8fr;align-items:center;gap:.7rem;min-height:2rem;padding:.42rem .75rem;display:grid}.cinematic-product-row{border-top:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);font-size:.62rem}.cinematic-product-row>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cinematic-product-row [data-status=Evidence\ complete],.cinematic-product-row [data-status=Control\ active],.cinematic-product-row [data-status=Verified]{color:#659600}[data-theme=dark] .cinematic-hero .button{background:color-mix(in srgb, var(--color-surface) 76%, transparent)}[data-theme=dark] .cinematic-hero .button-primary{background:var(--color-primary)}[data-theme=dark] .cinematic-product-overlay{box-shadow:0 2rem 4rem #00000052,inset 0 0 0 1px #ffffff14}[data-theme=dark] .cinematic-fallback-documents article{box-shadow:0 3rem 7rem #00000070}@media (width<=1180px){.cinematic-hero{--hero-copy-column:min(34rem, 46vw);--hero-panel-right:1rem}.cinematic-hero__copy h1{font-size:clamp(3.8rem,7vw,6.3rem)}}@media (width<=767px){.cinematic-hero{--hero-mobile-stage:clamp(12rem, 27svh, 13.5rem);width:min(100% - 1.2rem,42rem);min-height:calc(100svh - var(--header-height));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;padding:clamp(1rem,2.5svh,1.5rem) .3rem .6rem;display:grid}.cinematic-hero:before{inset:28% -45vw 0 12%}.cinematic-hero__copy{width:auto;max-width:none;padding:calc(var(--hero-mobile-stage) + .85rem) .2rem 0;grid-area:1/1}.cinematic-hero__copy h1{max-width:8.2ch;font-size:clamp(3.5rem,16vw,5rem);line-height:.87}.cinematic-hero__body{margin-top:1rem}.cinematic-hero__body>p{text-shadow:0 0 .18rem var(--color-background), 0 0 .72rem color-mix(in srgb, var(--color-background) 96%, transparent), 0 0 1.3rem color-mix(in srgb, var(--color-background) 88%, transparent);font-size:1rem}.cinematic-hero__actions{align-items:stretch}.cinematic-hero .button{flex:9rem;min-height:3.2rem;padding-inline:.8rem;font-size:.88rem}.cinematic-hero__experience{width:100%;min-height:0;margin:0;position:absolute;inset:0}.cinematic-hero__experience,.cinematic-hero-fallback{display:contents}.cinematic-material-canvas{inset:0 0 auto;width:100%!important;height:var(--hero-mobile-stage)!important}.cinematic-material-canvas>div,.cinematic-material-canvas canvas{inset:0;width:100%!important;height:100%!important}.cinematic-product-overlay{z-index:2;width:100%;min-width:0;max-width:none;height:var(--hero-mobile-stage);transform:scale(calc(.96 + var(--hero-product-presence) * .04)) rotateY(calc(-1deg * (1 - var(--hero-product-presence))));transform-origin:top;grid-area:auto;margin-top:0;position:absolute;inset:0 0 auto;overflow:hidden;mask-image:none}.cinematic-product-header{grid-template-columns:auto auto 1fr}.cinematic-product-search{display:none}.cinematic-product-status{justify-self:end}.cinematic-product-layout{grid-template-columns:minmax(0,1fr)}.cinematic-product-layout>nav[data-product-sidebar],.cinematic-product-version,.cinematic-product-title>div>span{display:none}.cinematic-product-title h2{letter-spacing:-.03em;max-width:none;font-size:1.15rem}.cinematic-product-workspace{padding:.7rem}.cinematic-product-metrics{gap:.45rem}.cinematic-product-metrics>div{padding:.55rem}.cinematic-product-metrics strong{font-size:1.35rem}.cinematic-product-trace,.cinematic-product-compact-trace,.cinematic-product-table{display:none}@media (width<=360px){.cinematic-product-title{display:none}}.cinematic-fallback-documents{width:82%;height:min(36%,15rem);opacity:calc(var(--hero-document-presence) * .26);top:7%;left:-6%;right:auto}.cinematic-fallback-documents article{width:6.25rem}.cinematic-fallback-documents article:nth-child(n+9),.cinematic-fallback-flow{display:none}}@media (width>=768px) and (width<=1024px){.cinematic-hero{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.cinematic-hero__copy{grid-area:1/1;width:auto;max-width:40rem}.cinematic-hero__experience,.cinematic-hero-fallback{display:contents}.cinematic-material-canvas{width:140vw!important;height:46%!important;inset:-10% -20vw auto!important}.cinematic-product-overlay{width:100%;max-width:none;height:26rem;transform:scale(calc(.98 + var(--hero-product-presence) * .02));transform-origin:top;grid-area:2/1;margin-top:clamp(1.5rem,3vw,2.5rem);position:relative;top:auto;left:auto;right:auto;mask-image:none}.cinematic-fallback-documents,.cinematic-fallback-flow{display:none}}@media (prefers-reduced-motion:reduce){.cinematic-hero *,.cinematic-hero :before,.cinematic-hero :after{transition:none!important;animation:none!important}}@media (width<=360px){.cinematic-hero{--hero-mobile-stage:10.5rem}}@media (width<=767px) and (height<=600px){.cinematic-hero{padding-top:.5rem}.cinematic-hero__copy>.utility-label{font-size:.6rem}.cinematic-hero__copy h1{font-size:2.6rem;line-height:.9}.cinematic-hero__body{margin-top:.5rem}.cinematic-hero__body>p{font-size:.82rem;line-height:1.4}.cinematic-hero__actions{gap:.45rem;margin-top:.75rem}.cinematic-hero .button{flex:7rem;min-height:2.75rem;padding-inline:.4rem;font-size:.76rem}}