:root{--hero-blue:#408ccf;--hero-black:#0b0d12}body{color:var(--hero-black);font-family:Space Grotesk,system-ui,sans-serif}.hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:0 3rem;display:flex;position:relative;overflow:hidden}.hero__container{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,7vw,6rem);width:100%;max-width:1100px;margin:0 auto;display:grid}.hero__content{z-index:1;position:relative}.hero__eyebrow{color:#fff;letter-spacing:clamp(.18em,.14em + .24vw,.28em);text-transform:uppercase;background:#0f1115;align-items:center;margin-bottom:2rem;padding:.35rem .9rem;font-size:clamp(.64rem,.6rem + .16vw,.72rem);font-weight:600;display:inline-flex}.hero h1{text-transform:uppercase;color:#408ccf;letter-spacing:.02em;text-shadow:0 8px 24px #408ccf26;margin:0 0 1.5rem;font-size:clamp(2.8rem,6vw,4.5rem);line-height:.9;transform:skew(-7deg)}.hero__intro{color:#0a0d12c7;text-shadow:0 2px 8px #0000001a;border-left:4px solid #408ccf;max-width:480px;margin-bottom:3rem;padding-left:clamp(.9rem,.7rem + .7vw,1.2rem);font-size:clamp(1rem,.96rem + .32vw,1.1rem);line-height:clamp(1.55,1.48 + .25vw,1.7)}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__actions--spaced{margin-top:2rem}@media (width>=601px){.hero__actions{align-items:stretch}.hero__actions .button{flex:0 220px;max-width:220px}}.button{text-transform:uppercase;letter-spacing:clamp(.05em,.04em + .08vw,.08em);text-shadow:0 1px 4px #00000014;border:2px solid #0f1115;border-radius:.2rem;justify-content:center;align-items:center;gap:.6rem;min-width:180px;padding:clamp(.8rem,.75rem + .16vw,.9rem) clamp(1.15rem,.95rem + 1vw,2.2rem);font-size:clamp(.84rem,.78rem + .16vw,.94rem);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.button__icon{justify-content:center;align-items:center;display:flex}.button__icon svg{stroke:currentColor;width:20px;height:20px}.button--primary{color:var(--hero-blue);border-color:var(--hero-blue);background:#fff;box-shadow:6px 6px #408ccf59}.button--ghost{color:#0f1115;background:#fff;box-shadow:6px 6px #1a1a1a}@media (hover:hover){.button:hover{transform:translateY(-3px)}}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--hero-blue);outline-offset:2px}.hero__visual{z-index:1;width:min(340px,78vw);position:relative}.hero__frame{background:#fffdf8;border:1px solid #0f11151f;border-radius:10px;padding:1rem 1rem 2.6rem;position:relative;transform:rotate(-3deg);box-shadow:0 22px 45px #0a142838,inset 0 2px #ffffffe6}.hero__frame--hero{transform:rotate(-5deg)translate(-3px,2px)}.hero__frame--history{transform:rotate(2.5deg)translate(4px,-2px)}.hero__frame picture{border-radius:6px;width:100%;display:block;overflow:hidden}.hero__frame picture img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero__frame:after{content:"";pointer-events:none;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000a}.hero__frame img{object-fit:cover;object-position:center;border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 6px 12px #080c122e}.reveal{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards reveal-up;animation-delay:var(--delay,0s);transform:translateY(18px)scale(.98)}[data-delay="0.05"]{--delay:50ms}[data-delay="0.1"]{--delay:.1s}[data-delay="0.12"]{--delay:.12s}[data-delay="0.15"]{--delay:.15s}[data-delay="0.16"]{--delay:.16s}[data-delay="0.18"]{--delay:.18s}[data-delay="0.2"]{--delay:.2s}[data-delay="0.22"]{--delay:.22s}[data-delay="0.24"]{--delay:.24s}[data-delay="0.25"]{--delay:.25s}[data-delay="0.26"]{--delay:.26s}[data-delay="0.28"]{--delay:.28s}[data-delay="0.29"]{--delay:.29s}[data-delay="0.3"]{--delay:.3s}[data-delay="0.32"]{--delay:.32s}[data-delay="0.34"]{--delay:.34s}[data-delay="0.35"]{--delay:.35s}[data-delay="0.36"]{--delay:.36s}[data-delay="0.4"]{--delay:.4s}[data-delay="0.46"]{--delay:.46s}.hero__label{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#2a2a2a;margin-top:.9rem;font-family:Rock Salt,Space Grotesk,sans-serif;font-size:.72rem}.hero__mobile-overlay{color:#fff;z-index:3;pointer-events:auto;touch-action:pan-y;background:linear-gradient(#0b0d1214,#0b0d12e0 72%);border-radius:6px;flex-direction:column;justify-content:flex-end;gap:.9rem;padding:1rem;display:none;position:absolute;inset:0}.hero__mobile-overlay .hero__eyebrow{background:#0b0d12d9;width:fit-content;margin-bottom:0;font-size:.62rem}.hero__mobile-overlay h1,.hero__mobile-overlay .hero__title{color:#fff;text-transform:uppercase;text-shadow:0 8px 20px #00000059;margin:0;font-size:clamp(2rem,9vw,2.8rem);line-height:.95;transform:none}.hero__mobile-overlay .hero__intro{color:#ffffffe6;max-width:none;text-shadow:none;border-left-color:#408ccfcc;margin:0;font-size:.94rem;line-height:1.55}.hero__mobile-overlay .hero__actions{z-index:4;gap:.75rem;width:100%;position:relative}.hero__mobile-overlay .button{width:100%;min-width:unset;z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:.9rem 1rem;position:relative}.hero__mobile-overlay .button--ghost{background:#fffffff0}.hero__tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none;background:#408ccf73;width:90px;height:30px;position:absolute}.hero__tape--top{background:#408ccf73;top:-12px;left:55%;transform:translate(-50%)rotate(-6deg)}.hero__tape--bottom{background:#ffd43b73;bottom:-18px;left:12px;transform:rotate(-14deg)}@keyframes reveal-up{to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}}@media (width<=1024px){.hero{min-height:auto;padding:2rem}.hero__container{grid-template-columns:1fr;gap:0}.hero__content{display:none}.hero__visual{justify-self:center;width:min(420px,100%);padding:.35rem .35rem .75rem;overflow:visible}.hero__frame{background:#fffdf8;border-radius:8px;padding:.85rem .85rem 4.9rem;overflow:visible;box-shadow:0 20px 40px #0a142833,inset 0 2px #fffffff2}.hero__frame--hero{transform:rotate(-1.25deg)}.hero__frame img{object-fit:cover;object-position:center;border-radius:4px;min-height:560px}.hero__label{text-align:left;letter-spacing:.06em;margin:0;font-size:.74rem;display:block;position:absolute;bottom:1.5rem;left:1.15rem;right:1.15rem}.hero__tape--top{width:84px;top:-10px;left:52%}.hero__tape--bottom{display:none}.hero__mobile-overlay{background:linear-gradient(#0b0d120d 0%,#0b0d1233 38%,#0b0d12db 100%);border-radius:4px;padding:.9rem;display:flex;inset:.85rem .85rem 4.9rem}.hero__mobile-overlay .hero__eyebrow{transform:rotate(-1.5deg);box-shadow:3px 3px #ffffff26}.hero__mobile-overlay h1,.hero__mobile-overlay .hero__title{font-size:clamp(2.2rem,7vw,3.3rem)}.hero__mobile-overlay .hero__intro{font-size:1rem}.hero__mobile-overlay .hero__actions{z-index:4;gap:.65rem;width:100%;position:relative}.hero__mobile-overlay .button{width:100%;min-width:unset;z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;border-width:1.5px;padding:.95rem 1rem;position:relative;box-shadow:4px 4px #0b0d1299}@media (hover:hover){.hero__mobile-overlay .button:hover{transform:translateY(-2px)}}.hero__mobile-overlay .button:active{transform:translateY(1px)}.hero__mobile-overlay .button--primary{background:#fffffff5}.hero__mobile-overlay .button--ghost{background:#ffffffe0}}@media (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,.hero__mobile-overlay .hero__title{font-size:clamp(2rem,9vw,2.8rem)}.hero__mobile-overlay .hero__intro{font-size:.94rem;line-height:1.55}}