:root{--hero-blue: #408ccf;--hero-black: #0b0d12}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--hero-black)}.hero{min-height:100vh;padding:0 3rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__container{max-width:1100px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,6rem);align-items:center}.hero__content{position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;padding:.35rem .9rem;background:#0f1115;color:#fff;font-size:clamp(.64rem,.6rem + .16vw,.72rem);letter-spacing:clamp(.18em,.14em + .24vw,.28em);text-transform:uppercase;font-weight:600;margin-bottom:2rem}.hero h1{margin:0 0 1.5rem;font-size:clamp(2.8rem,6vw,4.5rem);text-transform:uppercase;color:#408ccf;line-height:.9;letter-spacing:.02em;transform:skew(-7deg);text-shadow:0 8px 24px rgba(64,140,207,.15)}.hero__intro{font-size:clamp(1rem,.96rem + .32vw,1.1rem);line-height:clamp(1.55,1.48 + .25vw,1.7);color:#0a0d12c7;max-width:480px;margin-bottom:3rem;padding-left:clamp(.9rem,.7rem + .7vw,1.2rem);border-left:4px solid #408ccf;text-shadow:0 2px 8px rgba(0,0,0,.1)}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}@media(min-width:601px){.hero__actions{align-items:stretch}.hero__actions .button{flex:0 1 220px;max-width:220px}}.button{text-decoration:none;text-transform:uppercase;font-weight:700;font-size:clamp(.84rem,.78rem + .16vw,.94rem);letter-spacing:clamp(.05em,.04em + .08vw,.08em);padding:clamp(.8rem,.75rem + .16vw,.9rem) clamp(1.15rem,.95rem + 1vw,2.2rem);border-radius:.2rem;border:2px solid #0f1115;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:180px;text-shadow:0 1px 4px rgba(0,0,0,.08)}.button__icon{display:flex;align-items:center;justify-content:center}.button__icon svg{width:20px;height:20px;stroke:currentColor}.button--primary{background:#fff;color:var(--hero-blue);box-shadow:6px 6px #408ccf59;border-color:var(--hero-blue)}.button--ghost{background:#fff;color:#0f1115;box-shadow:6px 6px #1a1a1a}.button:hover{transform:translateY(-3px)}.hero__visual{position:relative;z-index:1;width:min(340px,78vw)}.hero__frame{position:relative;background:#fffdf8;padding:1rem 1rem 2.6rem;border-radius:10px;border:1px solid rgba(15,17,21,.12);box-shadow:0 22px 45px #0a142838,0 2px #ffffffe6 inset;transform:rotate(-3deg)}.hero__frame--hero{transform:rotate(-5deg) translate(-3px,2px)}.hero__frame--history{transform:rotate(2.5deg) translate(4px,-2px)}.hero__frame picture{display:block;width:100%;height:100%}.hero__frame:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000a;pointer-events:none}.hero__frame img{width:100%;height:100%;display:block;border-radius:6px;box-shadow:0 6px 12px #080c122e;object-fit:cover;object-position:center}.reveal{opacity:0;transform:translateY(18px) scale(.98);animation:reveal-up .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}.hero__label{margin-top:.9rem;text-align:center;font-family:Rock Salt,Space Grotesk,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#2a2a2a}.hero__mobile-overlay{display:none;position:absolute;inset:0;flex-direction:column;justify-content:flex-end;gap:.9rem;padding:1rem;border-radius:6px;background:linear-gradient(180deg,#0b0d1214,#0b0d12e0 72%);color:#fff}.hero__mobile-overlay .hero__eyebrow{margin-bottom:0;width:fit-content;background:#0b0d12d9;font-size:.62rem}.hero__mobile-overlay h1{margin:0;color:#fff;font-size:clamp(2rem,9vw,2.8rem);line-height:.95;text-transform:uppercase;transform:none;text-shadow:0 8px 20px rgba(0,0,0,.35)}.hero__mobile-overlay .hero__intro{margin:0;max-width:none;color:#ffffffe6;border-left-color:#408ccfcc;text-shadow:none;font-size:.94rem;line-height:1.55}.hero__mobile-overlay .hero__actions{gap:.75rem}.hero__mobile-overlay .button{width:100%;min-width:unset;padding:.9rem 1rem}.hero__mobile-overlay .button--ghost{background:#fffffff0}.hero__tape{position:absolute;width:90px;height:30px;background:#408ccf73;backdrop-filter:blur(2px);z-index:2;pointer-events:none}.hero__tape--top{top:-12px;left:55%;transform:translate(-50%) rotate(-6deg);background:#408ccf73}.hero__tape--bottom{bottom:-18px;left:12px;transform:rotate(-14deg);background:#ffd43b73}@keyframes reveal-up{to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}}@media(max-width:1024px){.hero{padding:2rem;min-height:auto}.hero__container{grid-template-columns:1fr;gap:0}.hero__content{display:none}.hero__visual{width:min(420px,100%);padding:.35rem .35rem .75rem;overflow:visible;justify-self:center}.hero__frame{padding:.85rem .85rem 4.9rem;overflow:visible;background:#fffdf8;border-radius:8px;box-shadow:0 20px 40px #0a142833,0 2px #fffffff2 inset}.hero__frame--hero{transform:rotate(-1.25deg)}.hero__frame img{min-height:560px;object-fit:cover;object-position:center;border-radius:4px}.hero__label{display:block;position:absolute;left:1.15rem;right:1.15rem;bottom:1.5rem;margin:0;text-align:left;font-size:.74rem;letter-spacing:.06em}.hero__tape--top{top:-10px;left:52%;width:84px}.hero__tape--bottom{display:none}.hero__mobile-overlay{display:flex;inset:.85rem .85rem 4.9rem;border-radius:4px;padding:.9rem;background:linear-gradient(180deg,#0b0d120d,#0b0d1233 38%,#0b0d12db)}.hero__mobile-overlay .hero__eyebrow{transform:rotate(-1.5deg);box-shadow:3px 3px #ffffff26}.hero__mobile-overlay h1{font-size:clamp(2.2rem,7vw,3.3rem)}.hero__mobile-overlay .hero__intro{font-size:1rem}.hero__mobile-overlay .hero__actions{gap:.65rem}.hero__mobile-overlay .button{width:100%;min-width:unset;padding:.95rem 1rem;border-width:1.5px;box-shadow:4px 4px #0b0d1299}.hero__mobile-overlay .button--primary{background:#fffffff5}.hero__mobile-overlay .button--ghost{background:#ffffffe0}}@media(max-width:600px){.hero{padding:1.2rem 1.2rem 2rem}.hero__visual{width:min(360px,100%)}.hero__frame img{min-height:500px}.hero__mobile-overlay h1{font-size:clamp(2rem,9vw,2.8rem)}.hero__mobile-overlay .hero__intro{font-size:.94rem;line-height:1.55}}