/* ============================================================
   SYNCORA V4 — signature hero refinement
   Exact owner-supplied logo image. No generated/recreated mark.
   ============================================================ */
:root{--v4-bg:#03050a;--v4-gold:#e2c480;--v4-gold2:#f7e6b7;--v4-silver:#d7dce6;--v4-ink:#06080d;--v4-ease:cubic-bezier(.22,.61,.36,1)}

/* Header polish */
.nav .logo__badge--image{width:44px;height:44px;filter:drop-shadow(0 0 14px rgba(226,196,128,.18))}
.nav .logo__badge--image img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(226,196,128,.16))}
.nav .logo__word{font-size:.88rem;letter-spacing:.29em}
.nav__links a{transition:color .25s ease,transform .25s var(--v4-ease)}
.nav__links a:hover{transform:translateY(-1px)}

/* Full-space hero */
.hero--v4{min-height:clamp(760px,88svh,920px);display:flex;align-items:center;position:relative;overflow:hidden;background:#02040a;isolation:isolate}
.hero--v4::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(226,196,128,.055),transparent 34%),linear-gradient(180deg,#02040a 0%,#050812 55%,#020408 100%)}
.hero--v4::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,8,.38),transparent 28%,transparent 72%,rgba(2,4,8,.38)),linear-gradient(180deg,rgba(0,0,0,.06),transparent 25%,transparent 75%,rgba(0,0,0,.22))}
.hero-v4__space{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-v4__nebula{position:absolute;border-radius:50%;filter:blur(56px);mix-blend-mode:screen;will-change:transform;animation:v4Drift 18s ease-in-out infinite alternate}
.hero-v4__nebula--gold{width:52vw;height:36vw;right:-13vw;top:-7vw;background:radial-gradient(circle,rgba(226,196,128,.22),rgba(155,112,42,.07) 38%,transparent 70%);animation-duration:20s}
.hero-v4__nebula--violet{width:45vw;height:40vw;left:-15vw;bottom:-22vw;background:radial-gradient(circle,rgba(87,76,150,.12),transparent 67%);animation-duration:25s;animation-delay:-8s}
.hero-v4__nebula--silver{width:38vw;height:30vw;left:28vw;top:18vw;background:radial-gradient(circle,rgba(196,205,222,.08),transparent 65%);animation-duration:22s;animation-delay:-12s}
.hero-v4__stars{position:absolute;inset:-15%;opacity:.55}
.hero-v4__stars::before,.hero-v4__stars::after{content:"";position:absolute;inset:0;background-repeat:repeat;will-change:transform;animation:v4Stars 28s linear infinite}
.hero-v4__stars--far::before{background-image:radial-gradient(circle,rgba(255,255,255,.62) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(226,196,128,.38) 0 1px,transparent 1.3px);background-size:97px 113px,149px 173px;background-position:18px 29px,53px 81px;opacity:.33}
.hero-v4__stars--near::before{background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1.1px,transparent 1.4px),radial-gradient(circle,rgba(214,222,239,.58) 0 1px,transparent 1.3px);background-size:131px 137px,173px 151px;background-position:72px 12px,5px 91px;opacity:.55;animation-duration:42s}
.hero-v4__stars--near::after{background-image:radial-gradient(circle,rgba(226,196,128,.9) 0 1.2px,transparent 1.5px);background-size:257px 239px;background-position:41px 111px;opacity:.34;animation-duration:64s;animation-direction:reverse}
.hero-v4__dust{position:absolute;width:70vw;height:60vh;left:15%;top:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.022),transparent 62%);filter:blur(3px);animation:v4Pulse 8s ease-in-out infinite}
.hero-v4__horizon{position:absolute;left:-10%;right:-10%;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,222,239,.09),rgba(226,196,128,.28),rgba(214,222,239,.09),transparent);box-shadow:0 0 34px rgba(226,196,128,.06)}
@keyframes v4Drift{0%{transform:translate3d(-2vw,1vw,0) scale(1)}100%{transform:translate3d(3vw,-1.5vw,0) scale(1.08)}}
@keyframes v4Stars{from{transform:translate3d(0,0,0)}to{transform:translate3d(90px,55px,0)}}
@keyframes v4Pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}

.hero-v4__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:clamp(44px,6vw,96px);align-items:center;width:min(1280px,calc(100% - 48px));padding-block:74px 32px}
.hero-v4__copy{min-width:0;max-width:720px;position:relative;z-index:3;text-align:center;margin-inline:auto}
.hero-v4__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:#b7bdc8;font:600 .67rem/1.6 var(--font-b);letter-spacing:.22em;text-transform:uppercase}
.hero-v4__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--v4-gold),var(--v4-silver));box-shadow:0 0 18px rgba(226,196,128,.42);animation:v4Blink 2.8s ease-in-out infinite}
@keyframes v4Blink{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
.hero--v4 h1{margin:0;max-width:760px;font-size:clamp(3.2rem,4.45vw,5rem);line-height:.98;letter-spacing:-.062em;color:#f8f8f5;text-wrap:balance}
.hero--v4 h1 span,.hero--v4 h1 em{display:block}
.hero--v4 h1 em{font-style:normal;margin-top:.08em;background:linear-gradient(105deg,#f6e7c2 0%,#e2c480 45%,#c6ccd7 88%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 100%;animation:v4TextSheen 8s ease-in-out infinite}
@keyframes v4TextSheen{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-v4__lead{max-width:640px;margin:24px auto 0;color:#b6bdc8;font:500 1rem/1.8 var(--font-b);text-wrap:balance}
.hero-v4__ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-v4__primary{box-shadow:0 16px 40px -24px rgba(226,196,128,.8),0 0 0 1px rgba(255,255,255,.08) inset}
.hero-v4__proof{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;margin-top:20px;color:#8d95a1;font:600 .66rem/1.3 var(--font-b);letter-spacing:.1em;text-transform:uppercase}
.hero-v4__proof span{display:inline-flex;align-items:center;gap:7px}
.hero-v4__proof i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--v4-gold),var(--v4-silver));box-shadow:0 0 12px rgba(226,196,128,.32)}

/* Logo stage */
.hero-v4__visual{position:relative;min-height:590px;display:grid;place-items:center;isolation:isolate;perspective:1200px}
.hero-v4__glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(226,196,128,.14),rgba(202,214,234,.035) 44%,transparent 72%);filter:blur(12px);animation:v4Glow 5.5s ease-in-out infinite;pointer-events:none}
@keyframes v4Glow{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.hero-v4__orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.08);transform:translate(-50%,-50%);pointer-events:none}
.hero-v4__orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:7%;left:74%;background:linear-gradient(135deg,var(--v4-gold2),var(--v4-silver));box-shadow:0 0 18px rgba(226,196,128,.6);animation:v4OrbitDot 9s linear infinite}
.hero-v4__orbit--1{width:560px;height:560px;border-color:rgba(226,196,128,.16);animation:v4Orbit 18s linear infinite}
.hero-v4__orbit--2{width:480px;height:480px;border-color:rgba(216,223,236,.1);border-style:dashed;animation:v4Orbit 28s linear infinite reverse}
.hero-v4__orbit--3{width:390px;height:390px;border-color:rgba(226,196,128,.11);box-shadow:0 0 90px rgba(226,196,128,.035) inset;animation:v4Orbit 22s linear infinite}
@keyframes v4Orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v4OrbitDot{to{transform:rotate(360deg) translateX(-4px) rotate(-360deg)}}
.hero-v4__logo-stage{position:relative;width:min(500px,82%);aspect-ratio:1;display:grid;place-items:center;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));transition:transform .34s var(--v4-ease);will-change:transform;z-index:3}
.hero-v4__halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(226,196,128,.11),transparent 62%);filter:blur(28px);animation:v4Halo 5.5s ease-in-out infinite}
@keyframes v4Halo{0%,100%{transform:scale(.88);opacity:.7}50%{transform:scale(1.12);opacity:1}}
.hero-v4__ring-mark{position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 50px rgba(226,196,128,.08) inset;animation:v4Ring 7s ease-in-out infinite}
.hero-v4__ring-mark::before,.hero-v4__ring-mark::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(226,196,128,.12);inset:-9%}
.hero-v4__ring-mark::after{inset:11%;border-color:rgba(214,222,239,.12);animation:v4Ring 13s linear infinite reverse}
@keyframes v4Ring{0%,100%{transform:scale(.97) rotate(0)}50%{transform:scale(1.03) rotate(4deg)}}
.hero-v4__logo{position:relative;width:86%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 32px 58px rgba(0,0,0,.75)) drop-shadow(0 0 28px rgba(226,196,128,.25)) drop-shadow(0 0 70px rgba(199,210,228,.10));z-index:3;animation:v4LogoFloat 6s ease-in-out infinite}
.hero-v4__logo-shine{position:absolute;inset:18%;border-radius:50%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 68%);mix-blend-mode:screen;filter:blur(10px);opacity:.25;transform:rotate(-18deg);animation:v4Shine 6.8s ease-in-out infinite;pointer-events:none;z-index:4}
@keyframes v4LogoFloat{0%,100%{transform:translateY(0) scale(.99)}50%{transform:translateY(-9px) scale(1.01)}}
@keyframes v4Shine{0%,100%{transform:translate(-22px,-18px) rotate(-18deg);opacity:0}42%{opacity:0}55%{transform:translate(26px,20px) rotate(-18deg);opacity:.28}68%{opacity:0}}

/* Floating context chips */
.hero-v4__chip{position:absolute;z-index:5;display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(7,10,15,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform .35s var(--v4-ease),border-color .25s ease,box-shadow .25s ease;pointer-events:none}
.hero-v4__chip:hover{border-color:rgba(226,196,128,.27);box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 30px rgba(226,196,128,.07)}
.hero-v4__chip small{color:#858e9b;font:600 .53rem/1 var(--font-b);letter-spacing:.17em;text-transform:uppercase}
.hero-v4__chip strong{color:#e7e8e9;font:600 .78rem/1.25 var(--font-d)}
.hero-v4__chip--design{left:-2%;top:15%;transform:translate3d(var(--chip1-x,0),var(--chip1-y,0),0);animation:v4ChipFloat1 7s ease-in-out infinite}
.hero-v4__chip--speed{right:-1%;top:8%;transform:translate3d(var(--chip2-x,0),var(--chip2-y,0),0);animation:v4ChipFloat2 8s ease-in-out infinite reverse}
.hero-v4__chip--growth{right:4%;bottom:12%;transform:translate3d(var(--chip3-x,0),var(--chip3-y,0),0);animation:v4ChipFloat3 9s ease-in-out infinite}
@keyframes v4ChipFloat1{50%{margin-top:-8px;margin-left:4px}}
@keyframes v4ChipFloat2{50%{margin-top:-10px;margin-right:4px}}
@keyframes v4ChipFloat3{50%{margin-top:7px;margin-right:-4px}}
.hero-v4__status{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:8px;color:#8f98a4;font:600 .55rem var(--font-b);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.hero-v4__status span{width:6px;height:6px;border-radius:50%;background:#9bd7ae;box-shadow:0 0 12px rgba(155,215,174,.45);animation:v4Blink 2.4s ease-in-out infinite}
.hero-v4__bottom{position:absolute;left:0;right:0;bottom:20px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#737d89;font:600 .58rem var(--font-b);letter-spacing:.19em;text-transform:uppercase}
.hero-v4__scroll-line{flex:1;max-width:260px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);position:relative;overflow:hidden}
.hero-v4__scroll-line i{position:absolute;left:-30%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(226,196,128,.9),transparent);animation:v4Travel 2.8s ease-in-out infinite}
@keyframes v4Travel{0%{left:-30%}100%{left:110%}}

/* Compact privacy banner so it never hijacks the hero */
.cookie-bar{left:50%;right:auto;bottom:18px;width:min(940px,calc(100% - 28px));transform:translateX(-50%);padding:14px 16px;border-radius:16px;gap:18px;background:rgba(5,7,11,.86);border-color:rgba(226,196,128,.14);box-shadow:0 24px 70px rgba(0,0,0,.46)}
.cookie-bar:not([hidden]) + .cookie-manage{display:none}
.cookie-bar__copy{max-width:620px}.cookie-bar p{font-size:.76rem;line-height:1.45}.cookie-bar__actions .btn{min-height:42px;padding-inline:14px;font-size:.63rem}
.cookie-manage{left:auto;right:18px;bottom:18px}

/* Tablet */
@media(max-width:1040px){
  .hero-v4__inner{grid-template-columns:1fr;gap:18px;padding-top:58px;padding-bottom:72px}
  .hero-v4__copy{max-width:860px;margin-inline:auto;text-align:center}
  .hero-v4__eyebrow{justify-content:center}
  .hero--v4 h1{font-size:clamp(3.2rem,8vw,5rem);max-width:900px;margin-inline:auto}
  .hero-v4__lead{margin-inline:auto}
  .hero-v4__ctas,.hero-v4__proof{justify-content:center}
  .hero-v4__visual{min-height:500px;margin-top:-4px}
  .hero-v4__bottom{position:relative;bottom:auto;left:auto;right:auto;width:min(1280px,calc(100% - 48px));margin-top:-52px;padding-bottom:18px}
}

/* Mobile: no clipping, no huge type, generous breathing room */
@media(max-width:700px){
  .container,.hero-v4__inner,.hero-v4__bottom{width:min(100% - 28px,1240px)}
  .nav .logo__badge--image{width:38px;height:38px}.nav .logo__word{font-size:.78rem;letter-spacing:.22em}
  .hero--v4{min-height:auto;padding-bottom:20px}
  .hero-v4__inner{padding-top:44px;padding-bottom:86px;gap:4px}
  .hero-v4__eyebrow{font-size:.56rem;letter-spacing:.17em;margin-bottom:16px}
  .hero--v4 h1{font-size:clamp(2.35rem,10.4vw,3.35rem);line-height:1.01;letter-spacing:-.05em;max-width:100%}
  .hero-v4__lead{font-size:.9rem;line-height:1.7;margin-top:18px;max-width:520px}
  .hero-v4__ctas{display:grid;grid-template-columns:1fr;gap:9px;margin-top:24px}
  .hero-v4__ctas .btn{width:100%;justify-content:center}
  .hero-v4__proof{gap:9px 14px;margin-top:17px;font-size:.57rem}
  .hero-v4__visual{min-height:420px;margin-top:8px}
  .hero-v4__glow{width:360px;height:360px}
  .hero-v4__orbit--1{width:360px;height:360px}.hero-v4__orbit--2{width:300px;height:300px}.hero-v4__orbit--3{width:245px;height:245px}
  .hero-v4__logo-stage{width:min(355px,88vw)}.hero-v4__logo{width:80%}
  .hero-v4__chip{padding:8px 10px;border-radius:11px}.hero-v4__chip small{font-size:.46rem}.hero-v4__chip strong{font-size:.66rem}
  .hero-v4__chip--design{left:-1%;top:13%}.hero-v4__chip--speed{right:-1%;top:4%}.hero-v4__chip--growth{right:2%;bottom:8%}
  .hero-v4__status{bottom:1%;font-size:.5rem}
  .hero-v4__bottom{position:relative;bottom:auto;margin-top:-62px;padding-bottom:14px;font-size:.5rem;letter-spacing:.14em}
  .hero-v4__scroll-line{max-width:80px}
  .cookie-bar{bottom:10px;gap:12px;padding:12px}.cookie-bar__copy{max-width:none}.cookie-bar p{font-size:.71rem}.cookie-bar__actions{width:100%}.cookie-bar__actions .btn{flex:1;min-height:40px;font-size:.58rem}
  .cookie-manage{right:10px;bottom:10px;opacity:.5}
}
@media(max-width:430px){
  .hero-v4__inner{padding-top:38px;padding-bottom:80px}
  .hero--v4 h1{font-size:clamp(2.15rem,10.6vw,2.9rem)}
  .hero-v4__visual{min-height:360px}.hero-v4__logo-stage{width:min(315px,87vw)}
  .hero-v4__orbit--1{width:320px;height:320px}.hero-v4__orbit--2{width:270px;height:270px}.hero-v4__orbit--3{width:220px;height:220px}
  .hero-v4__chip--design{left:-3%}.hero-v4__chip--growth{right:-1%}.hero-v4__status{display:none}
  .hero-v4__bottom{margin-top:-45px}
}
@media(prefers-reduced-motion:reduce){
  .hero-v4__nebula,.hero-v4__stars::before,.hero-v4__stars::after,.hero-v4__dust,.hero-v4__eyebrow-dot,.hero-v4__glow,.hero-v4__orbit,.hero-v4__halo,.hero-v4__ring-mark,.hero-v4__logo,.hero-v4__logo-shine,.hero-v4__chip,.hero-v4__status span,.hero-v4__scroll-line i,.hero--v4 h1 em{animation:none!important}
  .hero-v4__logo-stage{transition:none!important}
}