/* ============================================================
   MARK8IT BRUTALIST THEME — COMPLETE STYLESHEET
   ============================================================ */
:root{--black:#000;--white:#FFF;--accent:#1A4DFF;--accent-dark:#0035CC;--grey-100:#F5F5F3;--grey-200:#E8E8E5;--grey-400:#999;--grey-600:#666;--grey-800:#333;--grey-900:#111;--red:#E8220B;--green:#0A8A2E;--font-sans:'Instrument Sans',sans-serif;--font-serif:'Instrument Serif',serif;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--border:2.5px solid var(--black);--border-light:1.5px solid var(--grey-200);--shadow:5px 5px 0 var(--black);--shadow-accent:5px 5px 0 var(--accent);--shadow-white:5px 5px 0 rgba(255,255,255,.2);--hover-shift:translate(-4px,-4px);--hover-shadow:6px 6px 0 var(--black);--ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(.16,1,.3,1);--container:1180px;--container-wide:1340px;--container-narrow:740px}

/* RESET */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);font-weight:var(--fw-regular);color:var(--black);background:var(--white);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--white)}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .15s}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--fw-bold);text-transform:uppercase;line-height:1;letter-spacing:-.025em}
h1{font-size:clamp(2.8rem,7.5vw,6.5rem);line-height:.92;letter-spacing:-.035em}
h2{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:.96}
h3{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.02em}
h4{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.2;letter-spacing:-.01em}
p{font-size:1rem;line-height:1.7;margin-bottom:1em}
p:last-child{margin-bottom:0}
.t-serif{font-family:var(--font-serif);font-style:italic;font-weight:var(--fw-regular);text-transform:none;letter-spacing:-.02em}
.t-label{font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.14em}
.t-accent{color:var(--accent)}
.t-body-lg{font-size:1.1rem;line-height:1.7;font-weight:var(--fw-medium)}

/* LAYOUT */
.m8-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.m8-container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px}
.m8-container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 24px}
.m8-section{padding:100px 0}
.m8-section-sm{padding:72px 0}
.m8-section-dark{background:var(--black);color:var(--white)}
.m8-section-grey{background:var(--grey-100)}

/* ============================================================
   BUTTONS
   ============================================================ */
.m8-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;padding:16px 28px;border:var(--border);border-radius:0;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s,color .15s;line-height:1;position:relative;white-space:nowrap;cursor:pointer}
.m8-btn:hover{color:inherit}
.m8-btn:active{transform:translate(0,0)!important;box-shadow:none!important}
.m8-btn-primary{background:var(--black);color:var(--white);border-color:var(--black)}
.m8-btn-primary:hover{transform:var(--hover-shift);box-shadow:var(--hover-shadow);color:var(--white)}
.m8-btn-secondary{background:var(--white);color:var(--black);border-color:var(--black)}
.m8-btn-secondary:hover{transform:var(--hover-shift);box-shadow:var(--hover-shadow);color:var(--black)}
.m8-btn-accent{background:var(--accent);color:var(--white);border-color:var(--accent)}
.m8-btn-accent:hover{transform:var(--hover-shift);box-shadow:var(--shadow-accent);background:var(--accent-dark);color:var(--white)}
.m8-btn-ghost{background:transparent;color:var(--black);border-color:var(--black)}
.m8-btn-ghost:hover{background:var(--black);color:var(--white);transform:var(--hover-shift);box-shadow:var(--hover-shadow)}
.m8-btn-white{background:var(--white);color:var(--black);border-color:var(--white)}
.m8-btn-white:hover{transform:var(--hover-shift);box-shadow:var(--shadow-white);color:var(--black)}
.m8-btn-lg{padding:20px 36px;font-size:.85rem}
.m8-btn-sm{padding:10px 18px;font-size:.72rem}
.m8-btn-full{width:100%;justify-content:center}
.m8-btn-arrow::after{content:'→';font-size:1.1em;transition:transform .15s}
.m8-btn-arrow:hover::after{transform:translateX(4px)}
.m8-btn-group{display:flex;gap:14px;flex-wrap:wrap}

/* EYEBROW / TAGS */
.m8-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:20px}
.m8-eyebrow::before{content:'';width:32px;height:2.5px;background:var(--accent)}
.m8-tag{display:inline-block;padding:4px 10px;font-size:.65rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;border:2px solid;border-radius:0}
.m8-tag-accent{border-color:var(--accent);color:var(--accent)}
.m8-tag-filled{background:var(--accent);color:var(--white);border-color:var(--accent)}
.link-strike{font-weight:var(--fw-semi);font-size:.85rem;text-decoration:line-through;color:var(--grey-400);cursor:pointer;transition:color .15s}
.link-strike:hover{color:var(--red)}

/* CARD */
.m8-card{background:var(--white);border:var(--border);padding:32px;position:relative;transition:transform .15s var(--ease),box-shadow .15s var(--ease);border-radius:0}
.m8-card:hover{transform:var(--hover-shift);box-shadow:var(--hover-shadow)}

/* ============================================================
   HEADER / NAVBAR
   ============================================================ */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--white);border-bottom:var(--border);transition:box-shadow .3s}
.site-header-inner{max-width:var(--container-wide);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}
.site-logo{font-weight:var(--fw-bold);font-size:1.3rem;text-transform:uppercase;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;color:var(--black)}
.site-logo:hover{color:var(--black)}
.site-logo img{max-height:40px;width:auto}
.logo-dot{width:8px;height:8px;background:var(--accent);display:inline-block}
.site-nav{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;gap:28px}
.nav-list li{list-style:none}
.nav-link{font-weight:var(--fw-semi);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 0;position:relative;color:var(--black)}
.nav-link::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2.5px;background:var(--accent);transition:width .2s var(--ease)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-link:hover{color:var(--black)}
.site-header-cta{margin-left:12px}
.nav-toggle{display:none;background:none;border:none;width:32px;height:22px;position:relative;z-index:1001}
.nav-toggle span{display:block;width:100%;height:2.5px;background:var(--black);position:absolute;left:0;transition:all .2s var(--ease)}
.nav-toggle span:nth-child(1){top:0}
.nav-toggle span:nth-child(2){top:9px}
.nav-toggle span:nth-child(3){top:18px}
.nav-toggle.active span:nth-child(1){top:9px;transform:rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){top:9px;transform:rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:64px;left:0;width:100%;height:calc(100dvh - 64px);background:var(--white);border-top:var(--border);padding:40px 24px;flex-direction:column;gap:20px;z-index:999;overflow-y:auto}
.nav-mobile.active{display:flex}
.nav-mobile-link{font-weight:var(--fw-bold);font-size:1.8rem;text-transform:uppercase;letter-spacing:-.02em;padding-bottom:16px;border-bottom:var(--border-light);display:block}
.nav-mobile-link:hover{color:var(--accent)}

body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:900px){.site-nav,.site-header-cta{display:none}.nav-toggle{display:block}}

/* ============================================================
   HERO
   ============================================================ */
.m8-hero{min-height:100dvh;display:flex;align-items:center;padding-top:64px;position:relative;overflow:hidden}
.hero-content{max-width:var(--container-wide);margin:0 auto;padding:80px 24px;width:100%;position:relative;z-index:2}
.hero-headline{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:clamp(3rem,8.5vw,7.5rem);line-height:.88;text-transform:uppercase;letter-spacing:-.04em;max-width:1000px;margin-bottom:28px}
.hero-serif{font-family:var(--font-serif);font-style:italic;font-weight:var(--fw-regular);text-transform:none;letter-spacing:-.02em}
.hero-sub{max-width:540px;font-size:1.05rem;line-height:1.7;color:var(--grey-600);margin-bottom:36px}
.hero-sub strong{color:var(--black);font-weight:var(--fw-semi)}
.hero-promises{max-width:580px;margin-bottom:40px;display:flex;flex-direction:column;gap:6px}
.hero-promise{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.55}
.hp-icon{flex-shrink:0;width:20px;height:20px;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:var(--fw-bold);color:var(--accent);margin-top:3px}
.hero-grid-bg{position:absolute;top:64px;right:0;width:35%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 79px,var(--grey-200) 79px,var(--grey-200) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,var(--grey-200) 79px,var(--grey-200) 80px);opacity:.4;pointer-events:none}
.hero-side-label{position:absolute;top:90px;right:24px;background:var(--black);color:var(--white);padding:8px 12px;font-size:.6rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12em;writing-mode:vertical-rl;z-index:3}
@media(max-width:768px){.hero-grid-bg,.hero-side-label{display:none}.hero-content{padding:60px 24px}}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee-strip{border-top:var(--border);border-bottom:var(--border);overflow:hidden;white-space:nowrap;background:var(--black);color:var(--white);padding:14px 0}
.marquee-track{display:inline-flex;animation:m8marquee 30s linear infinite}
.marquee-item{font-weight:var(--fw-bold);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;padding:0 40px;display:inline-flex;align-items:center;gap:16px}
.marquee-item .dot{width:6px;height:6px;background:var(--accent);flex-shrink:0}
@keyframes m8marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ============================================================
   REALITY CHECK
   ============================================================ */
.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--border)}
.reality-item{padding:36px 32px;border-bottom:var(--border-light);border-right:var(--border-light);transition:background .2s}
.reality-item:hover{background:var(--grey-100)}
.reality-item:nth-child(even){border-right:none}
.reality-item:nth-last-child(-n+2){border-bottom:none}
.reality-num{font-weight:var(--fw-bold);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px}
.reality-text{font-size:1rem;line-height:1.65;font-weight:var(--fw-medium)}
.reality-text strong{font-weight:var(--fw-bold);color:var(--black)}
@media(max-width:768px){.reality-grid{grid-template-columns:1fr}.reality-item{border-right:none!important}.reality-item:nth-last-child(2){border-bottom:var(--border-light)}}

/* ============================================================
   WHAT WE DON'T DO
   ============================================================ */
.dont-list{display:flex;flex-direction:column;border:var(--border);max-width:800px}
.dont-item{padding:24px 32px;border-bottom:var(--border-light);display:flex;align-items:flex-start;gap:16px;font-size:1.02rem;line-height:1.6;font-weight:var(--fw-medium);transition:background .2s}
.dont-item:last-child{border-bottom:none}
.dont-item:hover{background:var(--grey-100)}
.dont-x{flex-shrink:0;width:24px;height:24px;background:var(--red);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:.75rem;margin-top:2px}

/* ============================================================
   PRICING
   ============================================================ */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--border)}
.pricing-card{padding:40px 32px;border-right:var(--border);position:relative;display:flex;flex-direction:column;transition:background .2s}
.pricing-card:last-child{border-right:none}
.pricing-card:hover{background:var(--grey-100)}
.pricing-featured{background:var(--black);color:var(--white)}
.pricing-featured:hover{background:var(--grey-900)}
.pricing-badge{position:absolute;top:0;right:20px;background:var(--accent);color:var(--white);padding:6px 12px;font-size:.6rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em}
.pricing-tier{font-weight:var(--fw-bold);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}
.pricing-tagline{font-family:var(--font-serif);font-style:italic;font-size:1rem;margin-bottom:20px;opacity:.7}
.pricing-price{font-weight:var(--fw-bold);font-size:clamp(2rem,3.5vw,2.8rem);line-height:1;letter-spacing:-.03em;margin-bottom:4px}
.pricing-period{font-size:.8rem;opacity:.5;margin-bottom:24px}
.pricing-desc{font-size:.9rem;line-height:1.6;margin-bottom:28px;padding-bottom:24px;border-bottom:var(--border-light);flex-grow:0}
.pricing-featured .pricing-desc{border-color:var(--grey-800)}
.pricing-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;flex-grow:1}
.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45}
.pricing-feature::before{content:'✓';font-weight:var(--fw-bold);color:var(--accent);flex-shrink:0}
.pricing-bestfor{font-size:.78rem;font-weight:var(--fw-semi);padding-top:20px;border-top:var(--border-light);margin-top:auto;margin-bottom:24px;color:var(--grey-600)}
.pricing-featured .pricing-bestfor{border-color:var(--grey-800);color:var(--grey-400)}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-card{border-right:none;border-bottom:var(--border)}.pricing-card:last-child{border-bottom:none}}

/* ============================================================
   CONTRACT
   ============================================================ */
.contract-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--border)}
.contract-item{padding:32px 24px;border-right:var(--border-light);text-align:center}
.contract-item:last-child{border-right:none}
.contract-icon{width:40px;height:40px;border:var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1rem}
.contract-title{font-weight:var(--fw-bold);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.contract-text{font-size:.85rem;line-height:1.5;color:var(--grey-600)}
@media(max-width:768px){.contract-grid{grid-template-columns:1fr 1fr}.contract-item:nth-child(2){border-right:none}.contract-item{border-bottom:var(--border-light)}.contract-item:nth-last-child(-n+2){border-bottom:none}}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonial-stack{display:flex;flex-direction:column;border:var(--border)}
.testimonial-item{display:grid;grid-template-columns:1fr 280px;border-bottom:var(--border);transition:background .2s}
.testimonial-item:last-child{border-bottom:none}
.testimonial-item:hover{background:var(--grey-100)}
.testimonial-body{padding:40px 36px}
.testimonial-quote{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6;margin-bottom:24px}
.testimonial-name{font-weight:var(--fw-bold);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}
.testimonial-role{font-size:.78rem;color:var(--grey-600);margin-top:2px}
.testimonial-meta{border-left:var(--border);display:flex;align-items:center;justify-content:center;padding:32px;background:var(--grey-100)}
.testimonial-value{font-weight:var(--fw-bold);font-size:2.5rem;line-height:1;letter-spacing:-.04em;color:var(--accent);text-align:center}
.testimonial-label{font-size:.68rem;font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-600);margin-top:6px;text-align:center}
@media(max-width:768px){.testimonial-item{grid-template-columns:1fr}.testimonial-meta{border-left:none;border-top:var(--border)}}

/* ============================================================
   LIVE STATS
   ============================================================ */
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);border:var(--border)}
.stats-item{padding:28px 20px;text-align:center;border-right:var(--border-light)}
.stats-item:last-child{border-right:none}
.stats-value{font-weight:var(--fw-bold);font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1;letter-spacing:-.03em}
.stats-label{font-size:.65rem;font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-600);margin-top:8px}
.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);animation:m8pulse 2s infinite;margin-right:4px;vertical-align:middle}
@keyframes m8pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-item:nth-child(even){border-right:none}.stats-item{border-bottom:var(--border-light)}}

/* ============================================================
   FAQ
   ============================================================ */
.faq-list{border:var(--border);max-width:800px}
.faq-item{border-bottom:var(--border-light)}
.faq-item:last-child{border-bottom:none}
.faq-question{width:100%;background:none;border:none;padding:24px 32px;font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:.95rem;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;transition:background .2s}
.faq-question:hover{background:var(--grey-100)}
.faq-icon{font-size:1.2rem;font-weight:var(--fw-bold);transition:transform .2s var(--ease);flex-shrink:0}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.faq-answer-inner{padding:0 32px 24px;font-size:.92rem;line-height:1.65;color:var(--grey-600)}

/* ============================================================
   CTA SPLIT
   ============================================================ */
.cta-split{display:grid;grid-template-columns:1fr 1fr;border:var(--border);min-height:400px}
.cta-content{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.cta-visual{background:var(--black);display:flex;align-items:center;justify-content:center;padding:56px;border-left:var(--border)}
.cta-visual-inner{text-align:center;color:var(--white)}
.cta-big{font-weight:var(--fw-bold);font-size:clamp(3rem,5vw,5rem);line-height:1;letter-spacing:-.04em;color:var(--accent)}
.cta-label{font-size:.72rem;font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-400);margin-top:8px}
@media(max-width:768px){.cta-split{grid-template-columns:1fr}.cta-visual{border-left:none;border-top:var(--border);min-height:200px}.cta-content{padding:40px 28px}}

/* ============================================================
   RESOURCES GRID
   ============================================================ */
.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--border)}
.resource-card{padding:40px 36px;border-right:var(--border)}
.resource-card:last-child{border-right:none}
@media(max-width:768px){.resources-grid{grid-template-columns:1fr}.resource-card{border-right:none;border-bottom:var(--border)}.resource-card:last-child{border-bottom:none}}

/* ============================================================
   AVAILABILITY BANNER
   ============================================================ */
.avail-banner{background:var(--accent);color:var(--white);text-align:center;padding:10px 24px;font-size:.72rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--black);color:var(--white);border-top:3px solid var(--accent)}
.footer-main{max-width:var(--container-wide);margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px}
.footer-logo{font-weight:var(--fw-bold);font-size:1.4rem;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.footer-logo img{max-height:36px;width:auto;filter:brightness(0) invert(1)}
.footer-desc{font-size:.85rem;line-height:1.6;color:var(--grey-400);max-width:320px;margin-bottom:20px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:36px;height:36px;border:1.5px solid var(--grey-800);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:var(--fw-bold);color:var(--grey-400);transition:all .15s}
.footer-social a:hover{border-color:var(--accent);color:var(--accent);transform:var(--hover-shift);box-shadow:3px 3px 0 var(--accent)}
.footer-col-title{font-weight:var(--fw-bold);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a,.footer-links li a{font-size:.82rem;color:var(--grey-400);transition:color .15s}
.footer-links a:hover,.footer-links li a:hover{color:var(--accent)}
.footer-contact{font-size:.82rem;color:var(--grey-400);margin-bottom:10px}
.footer-contact strong{display:block;color:var(--white);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.footer-contact a{color:var(--grey-400)}
.footer-contact a:hover{color:var(--accent)}
.footer-bottom{border-top:1.5px solid #222;max-width:var(--container-wide);margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:.7rem;color:#555}
.footer-legal{display:flex;gap:20px}
.footer-legal a{font-size:.7rem;color:#555;transition:color .15s}
.footer-legal a:hover{color:var(--accent)}
.footer-widget-title{font-weight:var(--fw-bold);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}
@media(max-width:768px){.footer-main{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}

/* ============================================================
   BLOG
   ============================================================ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{padding:0;overflow:hidden}
.blog-card-img{border-bottom:var(--border)}
.blog-card-img img{width:100%;height:220px;object-fit:cover}
.blog-card-body{padding:28px}
.blog-card-meta{display:flex;gap:12px;font-size:.7rem;font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.08em;color:var(--grey-600);margin-bottom:12px}
.blog-card-meta a{color:var(--accent)}
.blog-card-title{font-size:1.1rem;line-height:1.2;margin-bottom:12px}
.blog-card-title a{color:var(--black)}
.blog-card-title a:hover{color:var(--accent)}
.blog-card-excerpt{font-size:.9rem;line-height:1.6;color:var(--grey-600);margin-bottom:20px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}

/* Pagination */
.nav-links{display:flex;gap:8px;margin-top:48px;justify-content:center}
.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:var(--border);font-weight:var(--fw-bold);font-size:.85rem;transition:transform .15s,box-shadow .15s}
.nav-links a:hover{transform:var(--hover-shift);box-shadow:var(--hover-shadow);color:var(--black)}
.nav-links .current{background:var(--black);color:var(--white)}

/* ============================================================
   SINGLE POST
   ============================================================ */
.single-header{padding:140px 0 48px;border-bottom:var(--border)}
.single-title{margin-bottom:20px}
.single-meta{display:flex;gap:12px;font-size:.78rem;font-weight:var(--fw-semi);color:var(--grey-600);text-transform:uppercase;letter-spacing:.06em}
.single-img{padding:48px 0;border-bottom:var(--border)}
.single-img img{border:var(--border)}
.single-content{padding:48px 0}
.entry-content p{font-size:1.05rem;line-height:1.8;margin-bottom:1.5em}
.entry-content h2,.entry-content h3,.entry-content h4{margin:2em 0 .8em}
.entry-content ul,.entry-content ol{margin:1.5em 0;padding-left:1.5em}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li{margin-bottom:.5em;font-size:1.05rem;line-height:1.7}
.entry-content blockquote{border-left:4px solid var(--accent);padding:20px 28px;margin:2em 0;font-family:var(--font-serif);font-style:italic;font-size:1.15rem;line-height:1.6;background:var(--grey-100)}
.entry-content a{color:var(--accent);font-weight:var(--fw-semi);border-bottom:1.5px solid var(--accent)}
.entry-content a:hover{color:var(--accent-dark)}
.entry-content img{border:var(--border);margin:2em 0}
.entry-content pre{background:var(--grey-900);color:var(--white);padding:24px;overflow-x:auto;border:var(--border);font-size:.9rem;margin:2em 0}
.entry-content code{background:var(--grey-100);padding:2px 6px;font-size:.9em}
.entry-content pre code{background:none;padding:0}
.single-footer{padding:32px 0;border-top:var(--border)}
.single-tags{display:flex;flex-wrap:wrap;gap:8px}
.single-tags a{display:inline-block;padding:6px 14px;border:var(--border);font-size:.72rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;transition:all .15s}
.single-tags a:hover{transform:var(--hover-shift);box-shadow:3px 3px 0 var(--black);color:var(--black)}
.single-nav{padding:48px 0;border-top:var(--border)}
.single-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.single-nav-dir{display:block;font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-400);margin-bottom:8px}
.single-nav-grid a{font-weight:var(--fw-bold);font-size:1rem;text-transform:uppercase}
.single-nav-grid a:hover{color:var(--accent)}
.single-nav-next{text-align:right}
.single-comments{padding:48px 0;border-top:var(--border)}
@media(max-width:768px){.single-nav-grid{grid-template-columns:1fr;gap:24px}.single-nav-next{text-align:left}}

/* ============================================================
   FORM (WP DEFAULT + COMMENTS)
   ============================================================ */
input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="number"],input[type="password"],textarea,select{font-family:var(--font-sans);font-size:.95rem;font-weight:var(--fw-medium);padding:14px 16px;border:var(--border);background:var(--white);color:var(--black);outline:none;border-radius:0;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s;width:100%;max-width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}
input::placeholder,textarea::placeholder{color:var(--grey-400)}
textarea{min-height:120px;resize:vertical}
input[type="submit"]{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;padding:16px 28px;border:var(--border);background:var(--black);color:var(--white);cursor:pointer;transition:transform .15s,box-shadow .15s;width:auto}
input[type="submit"]:hover{transform:var(--hover-shift);box-shadow:var(--hover-shadow)}
.comment-form label{display:block;font-weight:var(--fw-bold);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.comment-form .form-submit{margin-top:20px}
.comment-list{margin-bottom:40px}
.comment-list .comment{border:var(--border);padding:24px;margin-bottom:16px}
.comment-author{font-weight:var(--fw-bold);font-size:.85rem;text-transform:uppercase}
.comment-meta{font-size:.72rem;color:var(--grey-600);margin-bottom:12px}
.search-form{display:flex;gap:0}
.search-form .search-field{flex:1;border-right:none}
.search-form .search-submit{flex-shrink:0}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.m8-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.m8-reveal.visible{opacity:1;transform:translateY(0)}

/* ============================================================
   ELEMENTOR OVERRIDES
   ============================================================ */
.elementor-section.elementor-section-boxed>.elementor-container{max-width:var(--container-wide)}
.elementor-widget-container,.elementor-button,.elementor-field-textual,.elementor-field-type-select select{border-radius:0!important}
.elementor-button{font-family:var(--font-sans)!important;font-weight:var(--fw-bold)!important;text-transform:uppercase!important;letter-spacing:.08em!important;border:var(--border)!important;transition:transform .15s var(--ease),box-shadow .15s var(--ease)!important}
.elementor-button:hover{transform:var(--hover-shift)!important;box-shadow:var(--hover-shadow)!important}
.elementor-field-textual{border:var(--border)!important;font-family:var(--font-sans)!important;padding:14px 16px!important}
.elementor-field-textual:focus{border-color:var(--accent)!important;box-shadow:3px 3px 0 var(--accent)!important}
.elementor-heading-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.025em}
.elementor-page-content .elementor-section-wrap>.elementor-section:first-child{padding-top:64px}

/* WordPress alignment */
.alignwide{max-width:var(--container-wide);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.8rem;color:var(--grey-600);margin-top:8px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){.m8-section{padding:72px 0}}
@media(max-width:768px){.m8-section{padding:56px 0}.m8-section-sm{padding:44px 0}}
@media(max-width:480px){.m8-btn-group{flex-direction:column}.m8-btn-lg{padding:16px 24px;font-size:.8rem}}