:root{--bg:#080a0e;--card:#11151c;--gold:#d9a62e;--gold2:#ffd76a;--paper:#fff;--text:#e9edf2;--muted:#aab4c0;--line:#252d38;--soft:#f5f6f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:8px 12px}
header{position:sticky;top:0;z-index:50;background:rgba(8,10,14,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:50px;height:50px;object-fit:cover;border-radius:50%}.brand strong{display:block;letter-spacing:.09em}.brand span{display:block;color:var(--muted);font-size:.75rem}nav{display:flex;gap:23px}nav a{text-decoration:none;font-weight:800;font-size:.9rem}nav a:hover{color:var(--gold2)}
.hero{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(217,166,46,.14),transparent 28%),linear-gradient(180deg,#080a0e,#0c1017)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--gold2);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.055em;margin-bottom:20px}h1 span{background:linear-gradient(90deg,var(--gold2),#fff2b2);-webkit-background-clip:text;color:transparent}h2{font-size:clamp(2rem,4.5vw,3.25rem);letter-spacing:-.04em;margin-bottom:14px}h3{font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.025em;margin-bottom:14px}.lead{font-size:1.13rem;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:11px;padding:13px 18px;transition:.2s}.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}.gold:hover{transform:translateY(-2px);filter:brightness(1.05)}.outline{border:1px solid #58606b}.outline:hover{border-color:var(--gold2);color:var(--gold2)}.micro{margin-top:18px;color:#8f99a4;font-size:.88rem}.logo-stage{display:flex;justify-content:center}.logo-stage img{width:min(440px,90%);filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.section{padding:82px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head>p:last-child{color:var(--muted)}.products{background:#0b0e13}.feature-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;margin:0 0 28px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0f131a,#0b0e13);box-shadow:0 16px 36px rgba(0,0,0,.2)}.feature-card.reverse{grid-template-columns:1.08fr .92fr}.feature-card.reverse .feature-image{order:2}.feature-card.reverse .feature-copy{order:1}.feature-image{border-radius:16px;overflow:hidden;background:#050608}.feature-image img{width:100%;height:100%;max-height:480px;object-fit:contain}.feature-image.wide img{aspect-ratio:16/6;object-fit:cover}.feature-copy{padding:14px}.feature-copy p{color:var(--muted)}.pill{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#15100a;background:var(--gold2);padding:6px 9px;border-radius:999px;margin-bottom:15px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.mini-grid span{padding:10px;background:#151a22;border:1px solid #262f3b;border-radius:10px;font-size:.82rem;color:#d6dbe1}.books-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.books-preview img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;border:1px solid #3b3321}
.books-section{background:var(--soft);color:#10141a}.books-section .section-head>p:last-child{color:#5f6771}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.book-grid figure{margin:0;background:#fff;border:1px solid #dde1e6;border-radius:15px;overflow:hidden;box-shadow:0 8px 22px rgba(12,18,28,.08)}.book-grid img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#eee}.book-grid figcaption{padding:12px 13px 15px;font-weight:850;font-size:.9rem;line-height:1.3}.center{text-align:center;margin-top:28px}
.about{background:#0b0e13}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.about-grid>div:last-child{color:var(--muted);font-size:1.05rem}.about-grid strong{color:#fff}.contact{background:#0d1118}.contact-box{border:1px solid #332b19;background:radial-gradient(circle at 90% 20%,rgba(217,166,46,.13),transparent 30%),#10141a;border-radius:22px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.contact-box p{color:var(--muted)}.contact-links{display:grid;gap:10px}.contact-links a{text-decoration:none;padding:14px 16px;border-radius:11px;background:#151a22;border:1px solid #29313c}.contact-links a:hover{border-color:var(--gold)}.contact-links span{display:block;color:var(--gold2);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.contact-links strong{word-break:break-word;font-size:.92rem}.risk{padding:18px 0;background:#17140b;border-top:1px solid #463a19;border-bottom:1px solid #463a19;color:#dacb9f;font-size:.85rem}footer{padding:28px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8d96a0;font-size:.84rem}.footer-row strong{color:#fff;letter-spacing:.09em;display:block}.footer-row span{font-size:.75rem}
@media(max-width:900px){nav{display:none}.hero-grid,.feature-card,.feature-card.reverse,.about-grid,.contact-box{grid-template-columns:1fr}.feature-card.reverse .feature-image,.feature-card.reverse .feature-copy{order:initial}.book-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}.logo-stage img{width:min(330px,78%)}}
@media(max-width:540px){.wrap{width:min(100% - 22px,1160px)}.nav{height:68px}.brand span{display:none}.brand img{width:43px;height:43px}.hero{padding:44px 0 50px}h1{font-size:2.55rem}.logo-stage{margin-top:12px}.section{padding:58px 0}.feature-card{padding:12px;border-radius:16px}.feature-copy{padding:10px}.books-preview{gap:6px}.book-grid{gap:10px}.book-grid figcaption{font-size:.8rem;padding:10px}.contact-box{padding:24px}.footer-row{align-items:flex-start;flex-direction:column}}


/* ===== MAVAD LIVE GREEN CTA BUTTONS ===== */

.btn.gold,
.feature-copy .btn.gold {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #39ff14, #16c900) !important;
    color: #041004 !important;
    border: 1px solid #8cff72 !important;
    box-shadow:
        0 0 8px rgba(57,255,20,.85),
        0 0 18px rgba(57,255,20,.55),
        0 0 34px rgba(57,255,20,.28);
    font-weight: 900;
    cursor: pointer;
    transition: all .25s ease;
    animation: mavadGlow 1.8s ease-in-out infinite alternate;
}

/* Moving light flare */
.btn.gold::before,
.feature-copy .btn.gold::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -35%;
    width: 28%;
    height: 180%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.85),
        transparent
    );
    transform: rotate(22deg);
    animation: mavadShine 2.4s linear infinite;
    pointer-events: none;
}

/* Light spike on right edge */
.btn.gold::after,
.feature-copy .btn.gold::after {
    content: "?";
    display: inline-block;
    margin-left: 10px;
    color: #ffffff;
    text-shadow:
        0 0 5px #ffffff,
        0 0 10px #39ff14,
        0 0 18px #39ff14;
    animation: mavadSpark 1s ease-in-out infinite alternate;
}

/* Hover = stronger glow + slight lift */
.btn.gold:hover,
.feature-copy .btn.gold:hover {
    transform: translateY(-3px) scale(1.025);
    background: linear-gradient(135deg, #75ff45, #25e600) !important;
    box-shadow:
        0 0 12px rgba(57,255,20,1),
        0 0 25px rgba(57,255,20,.8),
        0 0 48px rgba(57,255,20,.5);
}

/* Browse Books button — green outline */
.btn.outline {
    position: relative;
    border: 1px solid #39ff14 !important;
    color: #62ff45 !important;
    box-shadow: 0 0 10px rgba(57,255,20,.25);
    cursor: pointer;
}

.btn.outline:hover {
    background: rgba(57,255,20,.10);
    color: #ffffff !important;
    box-shadow:
        0 0 12px rgba(57,255,20,.65),
        0 0 25px rgba(57,255,20,.30);
    transform: translateY(-2px);
}

/* Animations */
@keyframes mavadGlow {
    from {
        box-shadow:
            0 0 7px rgba(57,255,20,.55),
            0 0 15px rgba(57,255,20,.35);
    }
    to {
        box-shadow:
            0 0 12px rgba(57,255,20,1),
            0 0 27px rgba(57,255,20,.7),
            0 0 42px rgba(57,255,20,.35);
    }
}

@keyframes mavadShine {
    0% {
        left: -35%;
    }
    60%,
    100% {
        left: 125%;
    }
}

@keyframes mavadSpark {
    from {
        transform: scale(.75);
        opacity: .55;
    }
    to {
        transform: scale(1.35);
        opacity: 1;
    }
}

/* Respect reduced-motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .btn.gold,
    .btn.gold::before,
    .btn.gold::after {
        animation: none !important;
    }
}