/* generated from src/section-hero-banner.css — edit that file, not this one */
.hero-sync-ref.hero-sync-ref,.hero-sync-ref.hero-sync-ref *{box-sizing:border-box}.hero-sync-ref.hero-sync-ref{--hero-ref-bg: var(--ink-900, var(--hero-bg, #0a0a0b));--hero-ref-text: var(--text-on-dark, var(--hero-text, #ffffff));--hero-ref-muted: var(--text-on-dark-2, var(--hero-muted, rgba(255, 255, 255, .62)));--hero-ref-accent: var(--cool, var(--accent-cool, var(--hero-accent, #0077ed)));position:relative;min-height:100vh;background:var(--hero-ref-bg);color:var(--hero-ref-text);isolation:isolate;overflow:visible}.hero-sync-ref .hero-sync-ref__pin{position:sticky;top:0;height:100vh;min-height:100vh;overflow:hidden;display:flex;align-items:center;background:var(--hero-ref-bg);overscroll-behavior:auto}.hero-sync-ref .hero-sync-ref__rays{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-sync-ref .hero-sync-ref__rays canvas{width:100%;height:100%;display:block}.hero-sync-ref .hero-sync-ref__float-glow{display:block;position:absolute;top:-140px;right:-110px;width:560px;height:560px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,var(--hero-ref-accent) 0%,transparent 62%);opacity:var(--hero-float-opacity, .22);filter:blur(48px);animation:hero-sync-ref-float 16s ease-in-out infinite}.hero-sync-ref .hero-sync-ref__grid,.hero-sync-ref .hero-sync-ref__grid-glow{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-size:28px 28px}.hero-sync-ref .hero-sync-ref__grid{background-image:radial-gradient(circle,rgba(255,255,255,var(--hero-grid-opacity, .06)) 1px,transparent 1.6px)}.hero-sync-ref .hero-sync-ref__grid-glow{opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.42) 1px,transparent 1.6px);transition:opacity .5s ease}.hero-sync-ref .hero-sync-ref__inner{position:relative;z-index:2;width:100%;max-width:min(var(--hero-max-width),calc(100vw - (var(--hero-side-padding) * 2)));min-height:100vh;margin:0 auto;padding:var(--hero-top-padding) var(--hero-side-padding) var(--hero-bottom-padding);display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:var(--hero-column-gap);align-items:center}.hero-sync-ref .hero-sync-ref__copy{position:relative;z-index:320;max-width:450px;will-change:transform,opacity;transition:transform .15s linear,opacity .15s linear}.hero-sync-ref .hero-sync-ref__eyebrow,.hero-sync-ref .hero-sync-ref__actions,.hero-sync-ref .hero-sync-ref__stage,.hero-sync-ref .hero-sync-ref__caption,.hero-sync-ref .hero-sync-ref__scroll{display:flex;align-items:center}.hero-sync-ref .hero-sync-ref__eyebrow{gap:10px;margin-bottom:26px;color:#fff9}.hero-sync-ref .hero-sync-ref__eyebrow span,.hero-sync-ref .hero-sync-ref__caption-dot{width:6px;height:6px;border-radius:99px;flex:0 0 auto}.hero-sync-ref .hero-sync-ref__eyebrow span{background:var(--hero-ref-accent);box-shadow:0 0 12px var(--hero-ref-accent)}.hero-sync-ref .hero-sync-ref__eyebrow strong,.hero-sync-ref .hero-sync-ref__caption-text,.hero-sync-ref .hero-sync-ref__scroll span{font-family:var(--font-mono, var(--font-jet-brains, monospace));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-sync-ref .hero-sync-ref__eyebrow strong{font-size:11px;line-height:1;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.hero-sync-ref .hero-sync-ref__title{font-family:var(--font-sans);margin:0;font-size:clamp(40px,5.2vw,var(--hero-title-max));line-height:.98;letter-spacing:-.035em;font-weight:700;color:currentColor}.hero-sync-ref .hero-sync-ref__description{font-family:var(--font-sans);margin:26px 0 34px;max-width:430px;font-size:18px;line-height:1.55;color:var(--hero-ref-muted)}.hero-sync-ref .hero-sync-ref__bar{display:block;width:220px;max-width:100%;height:5px;margin:0 0 34px;border-radius:99px;background:linear-gradient(90deg,var(--warm, var(--accent-warm, #f15a38)),var(--accent-amber, #d79a1f),var(--accent-lime, #22b06a),var(--cool, var(--accent-cool, #0077ed)),var(--accent-violet, #a23bd6),#ffffff,var(--warm, var(--accent-warm, #f15a38)));background-size:200% 100%;animation:hero-sync-ref-shimmer 8s linear infinite}.hero-sync-ref .hero-sync-ref__actions{flex-wrap:wrap;gap:16px}.hero-sync-ref .hero-sync-ref__btn{box-sizing:border-box;font-family:var(--font-sans);padding:12px 24px;border-radius:var(--radius-pill, 99px);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:1;font-weight:600;transition:background-color .22s cubic-bezier(.4,0,.6,1),color .22s cubic-bezier(.4,0,.6,1),border-color .22s cubic-bezier(.4,0,.6,1)}.hero-sync-ref .hero-sync-ref__btn--primary{color:#fff;background:var(--accent-cool, #0077ed);border:2px solid var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__btn--primary:hover{background:transparent;color:var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__btn--secondary{color:var(--text-on-dark, #f5f5f4);border:1px solid #ffffff;background:#fff0;padding-top:13px;padding-bottom:13px}.hero-sync-ref .hero-sync-ref__btn--secondary:hover{background:transparent;border-color:var(--accent-cool, #0077ed);color:var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__stage{position:relative;min-height:min(720px,100vh);justify-content:center;perspective:1600px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{position:absolute;left:50%;top:50%;width:min(var(--hero-tile-width),63vw);height:min(var(--hero-tile-height),100vh);transform:translate(-50%,-50%);border-radius:var(--hero-tile-radius);overflow:hidden}.hero-sync-ref .hero-sync-ref__card{z-index:calc(100 - var(--card-index, 0));background:var(--ink-800, #131316);border:0;box-shadow:0 44px 100px #0000008c;opacity:1;will-change:transform,opacity;backface-visibility:hidden}.hero-sync-ref .hero-sync-ref__card:after,.hero-sync-ref .hero-sync-ref__caption-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff73,#ffffff1f 30%,#ffffff0a 55%,#ffffff2e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:5}.hero-sync-ref .hero-sync-ref__card:after{opacity:.7}.hero-sync-ref .hero-sync-ref__media,.hero-sync-ref .hero-sync-ref__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(var(--card-brightness, 1));transform:translateZ(0);backface-visibility:hidden;will-change:filter}.hero-sync-ref video.hero-sync-ref__media{pointer-events:none}.hero-sync-ref .hero-sync-ref__mobile-video{display:none}.hero-sync-ref .hero-sync-ref__placeholder{background:radial-gradient(circle at 50% 35%,rgba(0,119,237,.3),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.1),transparent),#111116}.hero-sync-ref .hero-sync-ref__glass{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background:rgba(10,10,11,var(--card-glass-opacity, .4))}.hero-sync-ref .hero-sync-ref__caption-frame{z-index:220;pointer-events:none}.hero-sync-ref .hero-sync-ref__caption-scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(10,10,11,var(--hero-left-scrim-opacity)) 0%,rgba(10,10,11,.42) 24%,transparent 46%),linear-gradient(180deg,transparent 66%,rgba(10,10,11,var(--hero-bottom-scrim-opacity)) 100%)}.hero-sync-ref .hero-sync-ref__caption{position:absolute;right:30px;bottom:24px;gap:8px;opacity:1;transition:opacity .5s ease}.hero-sync-ref .hero-sync-ref__caption-dot{background:var(--hero-caption-dot, #ffffff);box-shadow:0 0 10px var(--hero-caption-dot, #ffffff);transition:background .5s ease,box-shadow .5s ease}.hero-sync-ref .hero-sync-ref__caption-text{font-size:10px;letter-spacing:.14em;color:#ffffffd1}.hero-sync-ref .hero-sync-ref__scroll{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:260;flex-direction:column;align-items:center;gap:8px;color:#fff;pointer-events:none}.hero-sync-ref .hero-sync-ref__scroll span{font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.2em}.hero-sync-ref .hero-sync-ref__scroll i{width:1px;height:22px;background:currentColor;animation:hero-sync-ref-scrollcue 1.8s ease-in-out infinite}@keyframes hero-sync-ref-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-28px,22px,0) scale(1.08)}}@keyframes hero-sync-ref-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes hero-sync-ref-scrollcue{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(8px);opacity:1}}@media screen and (min-width: 1024px){.hero-sync-ref .hero-sync-ref__inner{max-width:var(--hero-max-width);min-height:100vh;padding:var(--hero-top-padding) var(--hero-side-padding) var(--hero-bottom-padding);grid-template-columns:40fr 60fr;gap:var(--hero-column-gap)}.hero-sync-ref .hero-sync-ref__copy{z-index:300;max-width:none}.hero-sync-ref .hero-sync-ref__eyebrow strong{font-weight:400;color:#fff9}.hero-sync-ref .hero-sync-ref__title{font-size:var(--hero-title-max);color:var(--hero-ref-text)}.hero-sync-ref .hero-sync-ref__description{letter-spacing:0}.hero-sync-ref .hero-sync-ref__btn{box-sizing:border-box;width:auto;height:auto;min-width:0;min-height:0;padding:12px 24px;border-radius:99px;line-height:1.2;letter-spacing:0;text-transform:capitalize;white-space:nowrap}.hero-sync-ref .hero-sync-ref__btn--secondary{background:transparent;padding-top:13px;padding-bottom:13px}.hero-sync-ref .hero-sync-ref__stage{min-height:720px}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:var(--hero-tile-width);height:var(--hero-tile-height);border-radius:var(--hero-tile-radius);box-shadow:none}.hero-sync-ref .hero-sync-ref__caption-frame{z-index:200;border:0}.hero-sync-ref .hero-sync-ref__caption-scrim{background:linear-gradient(95deg,rgba(10,10,11,.86) 0%,rgba(10,10,11,.42) 24%,transparent 46%),linear-gradient(180deg,transparent 66%,rgba(10,10,11,.58))}.hero-sync-ref .hero-sync-ref__caption{right:22px;bottom:18px}.hero-sync-ref .hero-sync-ref__scroll{z-index:2}}@media screen and (min-width: 1024px) and (max-width: 1279px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 150}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(42vw,460px);height:min(31.5vw,345px)}}@media screen and (min-width: 1280px) and (max-width: 1439px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 185}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(44.4vw,600px);height:min(33.3vw,450px)}}@media screen and (min-width: 1440px) and (max-width: 1599px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 222}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:48vw;height:36vw}}@media screen and (min-width: 1600px) and (max-width: 1920px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 260}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(48vw,816px);height:min(36vw,612px)}}@media screen and (max-width: 1023px){.hero-sync-ref.hero-sync-ref{min-height:0!important}.hero-sync-ref .hero-sync-ref__pin{position:relative!important;top:auto!important;height:100vh!important;height:100svh!important;height:var(--hero-pin-h, 100svh)!important;min-height:0!important;width:100%;display:block!important;overflow:hidden!important;background:var(--hero-ref-bg)!important}.hero-sync-ref .hero-sync-ref__grid,.hero-sync-ref .hero-sync-ref__grid-glow{z-index:1}.hero-sync-ref .hero-sync-ref__grid{background-image:radial-gradient(circle,rgba(255,255,255,.048) 1px,transparent 1.6px)!important}.hero-sync-ref .hero-sync-ref__pin,.hero-sync-ref .hero-sync-ref__inner,.hero-sync-ref .hero-sync-ref__stage{touch-action:pan-y;overscroll-behavior:auto}.hero-sync-ref .hero-sync-ref__inner{position:absolute!important;inset:0!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important}.hero-sync-ref .hero-sync-ref__copy{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:300!important;max-width:none;padding:104px 22px 30px;background:linear-gradient(to top,rgba(8,8,10,.94) 6%,rgba(8,8,10,.72) 40%,rgba(8,8,10,.28) 72%,transparent 100%)}.hero-sync-ref .hero-sync-ref__eyebrow{visibility:visible;opacity:1;margin-bottom:16px;color:#fff;filter:none;transform:none}.hero-sync-ref .hero-sync-ref__eyebrow span{display:inline-block;flex-basis:6px;background:#0077ed;box-shadow:0 0 10px #0077ed,0 0 18px #0077ed8c}.hero-sync-ref .hero-sync-ref__eyebrow strong{display:inline-block;visibility:visible;opacity:1;color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.22em;text-shadow:none}.hero-sync-ref .hero-sync-ref__title{font-size:40px;font-weight:700;line-height:.98;letter-spacing:-.035em}.hero-sync-ref .hero-sync-ref__description{margin:12px 0 20px;font-size:15px;font-weight:400;line-height:1.55}.hero-sync-ref .hero-sync-ref__bar{width:210px;height:4px;margin:0 0 20px}.hero-sync-ref .hero-sync-ref__actions{gap:14px}.hero-sync-ref .hero-sync-ref__btn{padding:14px 26px;font-size:14px;font-weight:600;line-height:normal}.hero-sync-ref .hero-sync-ref__btn--secondary{padding-top:15px;padding-bottom:15px}.hero-sync-ref .hero-sync-ref__mobile-video{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-sync-ref .hero-sync-ref__stage,.hero-sync-ref .hero-sync-ref__caption,.hero-sync-ref .hero-sync-ref__caption-frame,.hero-sync-ref .hero-sync-ref__scroll,.hero-sync-ref .hero-sync-ref__rays{display:none!important}}@media screen and (max-width: 390px){.hero-sync-ref .hero-sync-ref__title{font-size:34px}.hero-sync-ref .hero-sync-ref__description{font-size:13px}.hero-sync-ref .hero-sync-ref__btn{min-height:42px;padding-left:20px;padding-right:20px}}