.main-content{position:relative;width:100%;min-height:calc(100dvh - var(--header-height) - var(--footer-height));overflow:hidden}.video-container{position:absolute;inset:0;z-index:1}.background-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.video-overlay{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 30% 30%,rgba(0,224,179,.08) 0%,transparent 55%),linear-gradient(135deg,#0e0e0ed1,#131313b3,#0a0a0ae6)}.hero{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(2.5rem,6vw,5.5rem);max-width:1080px;margin:0 auto;padding:clamp(2rem,6vh,5rem) clamp(1.5rem,4vw,3rem);min-height:calc(100dvh - var(--header-height) - var(--footer-height))}.hero__cover{animation:fadeSlideUp .9s ease both;position:relative}.hero__cover-img{width:clamp(220px,30vw,360px);height:auto;border-radius:var(--radius-md);box-shadow:0 28px 72px #0000008c,0 0 64px #00e0b314,0 0 0 1px #ffffff0a;transition:transform .5s ease-out,box-shadow .5s ease-out}.hero__cover-img:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 38px 88px #000000a6,0 0 80px #00e0b324,0 0 0 1px #00e0b31f}.hero__content{display:flex;flex-direction:column;gap:1.5rem;animation:fadeSlideUp .9s ease .15s both}.hero__title{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,4.25rem);font-weight:800;line-height:.98;letter-spacing:-.035em;color:var(--on-surface-strong);margin:0;max-width:14ch}.hero__publisher{font-family:var(--font-body);font-size:clamp(.72rem,1.2vw,.82rem);color:var(--on-surface-variant);margin:0;font-weight:500;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.7rem}.hero__publisher:before{content:"";display:inline-block;width:2rem;height:1px;background:var(--primary)}.hero__buy-links{display:flex;flex-wrap:wrap;gap:.75rem;animation:fadeSlideUp .9s ease .3s both;margin-top:.5rem}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.75rem;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;letter-spacing:-.005em;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out,color .2s ease-out;white-space:nowrap;border:none;cursor:pointer}.hero__btn:hover{transform:translateY(-1px);text-decoration:none}.hero__btn:active{transform:translateY(0)}.hero__btn--savvily{background:var(--primary-gradient);color:var(--on-primary);box-shadow:0 1px #ffffff40 inset,0 12px 28px -12px #00e0b38c}.hero__btn--savvily:hover{color:var(--on-primary);box-shadow:0 1px #ffffff4d inset,0 18px 36px -14px #00e0b3b3}.hero__btn--amazon,.hero__btn--kindle{background:transparent;color:var(--on-surface);box-shadow:inset 0 0 0 1px var(--outline-strong)}.hero__btn--amazon:hover,.hero__btn--kindle:hover{background:#ffffff0d;color:var(--on-surface-strong);box-shadow:inset 0 0 0 1px #ffffff38}.hero__tertiary-links{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center;animation:fadeSlideUp .9s ease .45s both;margin-top:.25rem}.hero__btn--preview{background:transparent;color:var(--primary);padding:.75rem 0;font-weight:600;font-size:.88rem;letter-spacing:.02em;text-transform:uppercase}.hero__btn--preview:after{content:" →";transition:transform .25s ease-out;display:inline-block}.hero__btn--preview:hover{color:var(--primary-bright);transform:none;background:transparent}.hero__btn--preview:hover:after{transform:translate(4px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.background-video{display:none}.video-overlay{background:radial-gradient(circle at 50% 30%,rgba(0,224,179,.06) 0%,transparent 60%),var(--surface)}.hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:2.5rem 1.5rem;gap:2rem}.hero__cover-img{width:clamp(200px,55vw,280px)}.hero__content{align-items:center}.hero__title{font-size:clamp(1.85rem,8vw,2.75rem)}.hero__publisher,.hero__buy-links{justify-content:center}.hero__tertiary-links{justify-content:center;gap:1.25rem}}@media (max-width: 480px){.hero__buy-links{flex-direction:column;width:100%}.hero__btn{width:100%;justify-content:center}}
