/* ==========================================================================
   MentoTex: what theme.json cannot express. Prefix: mento-
   Text on white must use --deep (4.5:1+). --brand is for fills, borders, dots.
   ========================================================================== */

/* 1. Accent tokens ------------------------------------------------------- */
:root,.t-studio{--brand:var(--wp--preset--color--gold);--deep:var(--wp--preset--color--gold-deep);--tint:var(--wp--preset--color--warm);--mento-gutter:clamp(1rem,4vw,1.5rem);--mento-header-h:76px}
.theme-pixledger,.t-pixledger{--brand:var(--wp--preset--color--pixledger);--deep:var(--wp--preset--color--pixledger-deep);--tint:var(--wp--preset--color--pixledger-tint)}
.theme-guard,.t-guard{--brand:var(--wp--preset--color--guard);--deep:var(--wp--preset--color--guard-deep);--tint:var(--wp--preset--color--guard-tint)}
.theme-search,.t-search{--brand:var(--wp--preset--color--search);--deep:var(--wp--preset--color--search-deep);--tint:var(--wp--preset--color--search-tint)}
.theme-feed,.t-feed{--brand:var(--wp--preset--color--feed);--deep:var(--wp--preset--color--feed-deep);--tint:var(--wp--preset--color--feed-tint)}
.theme-classes,.t-classes{--brand:var(--wp--preset--color--classes);--deep:var(--wp--preset--color--classes-deep);--tint:var(--wp--preset--color--classes-tint)}
.theme-flows,.t-flows{--brand:var(--wp--preset--color--flows);--deep:var(--wp--preset--color--flows-deep);--tint:var(--wp--preset--color--flows-tint)}
.theme-blocks,.t-blocks{--brand:var(--wp--preset--color--blocks);--deep:var(--wp--preset--color--blocks-deep);--tint:var(--wp--preset--color--blocks-tint)}

/* 2. Base ---------------------------------------------------------------- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--wp--preset--color--ink);outline-offset:3px;border-radius:6px}
.mento-on-dark :where(a,button,summary):focus-visible{outline-color:#fff}
.wp-site-blocks>*{margin-block-start:0}
.wp-block-post-content>.alignfull{margin-block:0}
.mento-inner{max-width:1200px;margin-inline:auto;padding-inline:var(--mento-gutter)}
.mento-inner>*{margin-block:0}

/* 3. Header -------------------------------------------------------------- */
.wp-site-blocks>header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:100}
.mento-header{background:#fff;border-bottom:1px solid var(--wp--preset--color--line)}
.mento-header__bar{max-width:1200px;min-height:var(--mento-header-h);margin-inline:auto;padding-inline:var(--mento-gutter);align-items:center;gap:1rem 2rem}
.mento-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--wp--preset--color--ink)!important}
.mento-logo__word{font-weight:700;font-size:1.625rem;letter-spacing:.02em}
.mento-logo__word b{color:var(--wp--preset--color--gold);font-weight:700}
.mento-logo__tag{font-family:var(--wp--preset--font-family--dm-mono);font-size:.5938rem;letter-spacing:.14em;color:var(--wp--preset--color--muted);margin-top:.3rem}
.mento-nav{flex:1;justify-content:flex-end}
.mento-nav .wp-block-navigation-item__content{padding:.6rem .25rem}
.mento-nav .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--gold-deep)}
.mento-nav .current-menu-item>.wp-block-navigation-item__content,.mento-nav [aria-current=page]>.wp-block-navigation-item__content{color:var(--wp--preset--color--ink);box-shadow:inset 0 -3px 0 var(--wp--preset--color--gold)}
.mento-nav .wp-block-navigation__submenu-container{border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--lg);box-shadow:var(--wp--preset--shadow--card);padding:.5rem;min-width:240px}
.mento-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{border-radius:8px;padding:.6rem .75rem}
.mento-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--wp--preset--color--paper)}
.mento-nav .mento-nav-cta>.wp-block-navigation-item__content{background:var(--wp--preset--color--ink);color:#fff;border-radius:10px;padding:.7rem 1.25rem;font-weight:600;font-size:.9375rem;margin-left:.5rem}
.mento-nav .mento-nav-cta>.wp-block-navigation-item__content:hover{background:var(--wp--preset--color--ink-soft);color:#fff}
.mento-nav .wp-block-navigation__responsive-container-open{min-width:44px;min-height:44px;justify-content:center;align-items:center}
/* Plugin dots in the dropdown, coloured by accent */
.mento-nav .mento-dot>.wp-block-navigation-item__content::before{content:"";display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.6rem;background:var(--dot,var(--wp--preset--color--gold))}
.mento-dot--pixledger{--dot:var(--wp--preset--color--pixledger)}.mento-dot--guard{--dot:var(--wp--preset--color--guard)}.mento-dot--search{--dot:var(--wp--preset--color--search)}.mento-dot--feed{--dot:var(--wp--preset--color--feed)}.mento-dot--classes{--dot:var(--wp--preset--color--classes)}.mento-dot--flows{--dot:var(--wp--preset--color--flows)}.mento-dot--blocks{--dot:var(--wp--preset--color--blocks)}

/* 4. Footer -------------------------------------------------------------- */
.mento-footer{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--dark-text)}
.mento-footer__inner{max-width:1200px;margin-inline:auto;padding:4rem var(--mento-gutter) 2rem}
.mento-footer__grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:2.5rem 3rem}
.mento-footer__grid>*{margin:0}
.mento-footer .mento-logo{color:#fff!important}
.mento-footer__tagline{font-size:.9688rem;line-height:1.6;max-width:20rem;margin-top:.9rem!important}
.mento-footer__title{font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.1em;color:#fff;margin:0 0 .5rem!important}
.mento-footer__links{list-style:none;margin:0;padding:0}
.mento-footer__links a{display:block;padding:.375rem 0;font-size:.9688rem;color:var(--wp--preset--color--dark-text);text-decoration:none}
.mento-footer__links a:hover{color:#fff;text-decoration:underline}
.mento-footer__bar{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--wp--preset--color--dark-line);font-size:.875rem}
.mento-footer__bar p{margin:0}
.mento-footer :where(a):focus-visible{outline-color:#fff}
@media (max-width:900px){.mento-footer__grid{grid-template-columns:1fr 1fr}.mento-footer__about{grid-column:1/-1}}

/* 5. Typography helpers -------------------------------------------------- */
.mento-eyebrow{font-family:var(--wp--preset--font-family--dm-mono);font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--deep);margin:0}
.mento-mono{font-family:var(--wp--preset--font-family--dm-mono)}
.mento-lead{font-size:var(--wp--preset--font-size--lead);line-height:1.65;color:var(--wp--preset--color--muted)}
.mento-note{font-family:var(--wp--preset--font-family--dm-mono);font-size:.78rem;letter-spacing:.02em;color:var(--wp--preset--color--muted)}
.mento-mark{box-shadow:inset 0 -.2em 0 var(--wp--preset--color--gold-soft)}
.mento-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;border-radius:999px;font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.06em;margin:0;width:fit-content}
.mento-pill--gold{border:1px solid #F0D9A6;background:var(--wp--preset--color--warm);color:var(--wp--preset--color--gold-deep)}

/* 6. Sections ------------------------------------------------------------ */
.mento-section{padding:clamp(3.5rem,8vw,5.5rem) 0}
.mento-section--paper{background:var(--wp--preset--color--paper)}
.mento-section--warm{background:var(--wp--preset--color--warm)}
.mento-section--dark{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--dark-text)}
.mento-section--dark :where(h2,h3,h4){color:#fff}
.mento-section--dark .mento-eyebrow{color:var(--wp--preset--color--gold-soft)}
.mento-section--gold{background:var(--wp--preset--color--gold);color:var(--wp--preset--color--ink)}
.mento-section--gold .mento-eyebrow{color:var(--wp--preset--color--ink)}
.mento-section--deep{background:var(--deep);color:#fff}
.mento-section--deep :where(h2,h3,p){color:#fff}
.mento-head{max-width:46rem;margin-bottom:clamp(2rem,5vw,3rem)}
.mento-head>*{margin-block:0}.mento-head>*+*{margin-block-start:.9rem}

/* 7. Hero (network) ------------------------------------------------------ */
.mento-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background-color:#14141C;background-image:radial-gradient(circle at 8% 0%,rgba(232,160,32,.28),transparent 36%),radial-gradient(circle at 95% 15%,rgba(124,90,194,.34),transparent 40%),radial-gradient(circle at 75% 100%,rgba(22,163,171,.26),transparent 42%)}
.mento-hero--plugin{background-color:var(--deep);background-image:radial-gradient(circle at 90% 10%,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.25),transparent 50%)}
.mento-net{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.mento-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(20,20,28,.78) 0%,rgba(20,20,28,.45) 45%,rgba(20,20,28,0) 72%)}
.mento-hero--plugin::after{background:linear-gradient(90deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.12) 50%,rgba(0,0,0,0) 75%)}
.mento-hero__inner{max-width:1200px;margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) var(--mento-gutter) clamp(4rem,8vw,6.5rem)}
.mento-hero__inner>*{margin-block:0}
.mento-hero__cols{gap:3rem 4rem;align-items:center}
.mento-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}
.mento-hero__copy>*{margin:0}
.mento-hero :where(h1){color:#fff;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.04;max-width:16ch}
.mento-hero--plugin :where(h1){font-size:clamp(2.75rem,6vw,4.75rem);max-width:none;letter-spacing:-.03em}
.mento-hero .mento-lead,.mento-hero__desc{color:#D8D8E2;max-width:34rem;font-size:var(--wp--preset--font-size--lead)}
.mento-hero--plugin .mento-hero__desc{color:rgba(255,255,255,.9)}
.mento-hero__slogan{font-size:clamp(1.25rem,2.2vw,1.625rem)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;color:#fff!important;text-transform:none!important;font-family:var(--wp--preset--font-family--outfit)!important}
.mento-hero .mento-pill--gold{border-color:rgba(232,160,32,.6);background:rgba(232,160,32,.12);color:var(--wp--preset--color--gold-soft)}
.mento-hero .mento-pill--line{border:1px solid rgba(255,255,255,.5);color:#fff}
.mento-hero .mento-note{color:#B8B8C6}
.mento-hero .wp-block-button__link{font-size:1.0625rem}
.mento-hero .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.7)}
.mento-hero .wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.14);color:#fff}
.mento-hero--plugin .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:#fff;color:var(--deep)}
.mento-hero--plugin .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#F0F0F4}
.mento-dots{display:flex;flex-wrap:wrap;gap:.5rem;max-width:36rem}
.mento-dots span{display:inline-flex;align-items:center;gap:.45rem;padding:.375rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:.84rem;color:#fff}
.mento-dots i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.mento-window{position:relative}
.mento-window__bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--wp--preset--color--line);background:var(--wp--preset--color--paper-light);font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;color:var(--wp--preset--color--muted)}
.mento-window__bar i{width:10px;height:10px;border-radius:50%;background:#D9D6CC}
.mento-window__frame{position:relative;background:#fff;color:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--line);border-radius:16px;box-shadow:var(--wp--preset--shadow--frame);overflow:hidden}
.mento-window__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;font-size:.875rem}
.mento-window__tabs{display:flex;flex-wrap:wrap;gap:.4rem}
.mento-window__tabs span{padding:.4rem .85rem;border-radius:8px;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink-soft);font-weight:500}
.mento-window__tabs span:first-child{background:var(--wp--preset--color--ink);color:#fff}
.mento-window table{width:100%;border-collapse:collapse}
.mento-window th{text-align:left;font-family:var(--wp--preset--font-family--dm-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--wp--preset--color--muted);font-weight:500;padding:.5rem 0;border-bottom:1px solid var(--wp--preset--color--line)}
.mento-window td{padding:.7rem 0;border-bottom:1px solid #F0EEE8}
.mento-window tr:last-child td{border-bottom:0}
.mento-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--wp--preset--color--success-bg);color:var(--wp--preset--color--success)}
.mento-tag--hold{background:#FFF1D6;color:var(--wp--preset--color--gold-deep)}
.mento-window__blocks i{position:absolute;border-radius:22px;z-index:-1}

/* 8. Trust strip, cards, grids ------------------------------------------ */
.mento-strip{padding:2rem 0;background:var(--wp--preset--color--paper);border-block:1px solid var(--wp--preset--color--line)}
.mento-strip__row{display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:center;justify-content:center;font-weight:500;color:var(--wp--preset--color--ink-soft)}
.mento-strip__row>*{margin:0}
.mento-grid{display:grid;gap:1.25rem}.mento-grid>*{margin:0}
.mento-grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr))}
.mento-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.mento-grid--3{grid-template-columns:1fr}}
.mento-card{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;background:#fff;border:1.5px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--lg);transition:border-color .15s,box-shadow .15s}
.mento-card:hover{border-color:var(--brand);box-shadow:var(--wp--preset--shadow--card)}
.mento-card>*{margin:0}
.mento-card h3{font-size:1.375rem;letter-spacing:-.02em}
.mento-card p{color:var(--wp--preset--color--muted);font-size:.9844rem}
.mento-card__icon{width:48px;height:48px;border-radius:12px;background:var(--tint);color:var(--deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}
.mento-card__cat{font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.mento-card__more a{font-weight:600;color:var(--deep);text-decoration:none}
.mento-card__more a::after{content:" \2192"}
.mento-card--soon{border-style:dashed;background:transparent}
.mento-card--dark{background:#232330;border-color:var(--wp--preset--color--dark-line)}
.mento-card--dark h3{color:#fff}.mento-card--dark p{color:var(--wp--preset--color--dark-text)}
.mento-card a:not(.wp-element-button){text-decoration:none}
.mento-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.mento-chips span,.mento-chip{display:inline-flex;padding:.25rem .65rem;border-radius:999px;background:var(--tint);color:var(--deep);font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.03em}
.mento-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;background:var(--wp--preset--color--warm);color:var(--wp--preset--color--gold-deep);font-family:var(--wp--preset--font-family--dm-mono);font-size:.6875rem;letter-spacing:.08em}

/* 9. Plugin page: feature rows, screenshots, use cases ------------------- */
.mento-row{padding:clamp(2.5rem,6vw,4.5rem) 0}
.mento-row:nth-of-type(even){background:var(--wp--preset--color--paper-light)}
.mento-row__cols{gap:2.5rem clamp(2rem,6vw,5rem);align-items:center}
.mento-row__cols>.wp-block-column>*{margin-block:0}.mento-row__cols>.wp-block-column>*+*{margin-block-start:1rem}
.mento-row h2,.mento-row h3{font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.025em}
.mento-row p{color:var(--wp--preset--color--ink-soft);font-size:1.0625rem;line-height:1.7}
.mento-row .mento-eyebrow{margin-bottom:.25rem}
.mento-row ul{padding-left:1.1rem;color:var(--wp--preset--color--ink-soft)}
.mento-row li+li{margin-top:.4rem}
.mento-shot{margin:0}
.mento-shot img{display:block;width:100%;height:auto;border:1px solid var(--wp--preset--color--line);border-radius:16px;box-shadow:var(--wp--preset--shadow--frame);background:var(--tint)}
.mento-uc{padding:clamp(3rem,7vw,5rem) 0;background:var(--wp--preset--color--paper)}
.mento-uc__row{background:#fff;border:1.5px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--lg);padding:clamp(1.25rem,3vw,2rem);margin-top:1.25rem}
.mento-uc__row>*{margin-block:0}.mento-uc__row>*+*{margin-block-start:.9rem}
.mento-uc__row h3{font-size:1.5rem}
.mento-uc__label{font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.mento-uc__steps{padding-left:1.25rem}.mento-uc__steps li+li{margin-top:.4rem}
.mento-uc__result{background:var(--tint);border-radius:12px;padding:1rem 1.25rem}
.mento-uc__result>*{margin:0}
.mento-cta{text-align:center}
.mento-cta .mento-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}
.mento-cta h2{font-size:clamp(1.9rem,4vw,2.75rem)}
.mento-section--gold .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--wp--preset--color--ink);color:#fff}
.mento-section--gold .wp-block-button.is-style-outline .wp-block-button__link{color:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--ink)}
.mento-section--deep .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:#fff;color:var(--deep)}
.mento-section--deep .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.75)}

/* 10. FAQ ---------------------------------------------------------------- */
.wp-block-details{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--md)}
.wp-block-details>summary{cursor:pointer;list-style:none;padding:1.15rem 1.4rem;font-weight:600;font-size:1.125rem}
.wp-block-details>summary::-webkit-details-marker{display:none}
.wp-block-details>summary::after{content:"+";float:right;font-size:1.5rem;line-height:1;color:var(--deep)}
.wp-block-details[open]>summary::after{content:"\2212"}
.wp-block-details>:not(summary){margin:0;padding:0 1.4rem 1.2rem;color:var(--wp--preset--color--ink-soft)}
.mento-faq>.wp-block-details+.wp-block-details{margin-top:.75rem}

/* 11. Pages -------------------------------------------------------------- */
.mento-page-head{background:var(--wp--preset--color--warm);border-bottom:1px solid #F0E3BF;padding:clamp(3rem,7vw,4.5rem) 0 clamp(2.5rem,5vw,3.5rem)}
.mento-page-head>.mento-inner>*{margin-block:0}.mento-page-head>.mento-inner>*+*{margin-block-start:1rem}
.mento-page-head h1{font-size:clamp(2.5rem,5.5vw,4rem)}
.mento-page-body{padding:clamp(2.5rem,6vw,4rem) 0 clamp(3.5rem,8vw,6rem)}
.mento-page-body .wp-block-post-content>:where(h2,h3){margin-block:2.25rem .75rem}

/* 12. Blog --------------------------------------------------------------- */
.mento-cats .wp-block-categories{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0}
.mento-cats .wp-block-categories a{display:inline-flex;align-items:center;height:40px;padding:0 1rem;border-radius:999px;border:1.5px solid #CFCDC4;font-weight:500;font-size:.9375rem;text-decoration:none;color:var(--wp--preset--color--ink)}
.mento-cats .wp-block-categories a:hover,.mento-cats .wp-block-categories .current-cat a{background:var(--wp--preset--color--ink);color:#fff;border-color:var(--wp--preset--color--ink)}
.mento-post-grid .wp-block-post-template{gap:1.5rem;padding:0;list-style:none}
.mento-post-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1.5px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--lg);transition:border-color .15s,box-shadow .15s}
.mento-post-card:hover{border-color:var(--wp--preset--color--gold);box-shadow:var(--wp--preset--shadow--card)}
.mento-post-card .wp-block-post-featured-image{margin:0;background:var(--wp--preset--color--warm)}
.mento-post-card .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.mento-post-card__body{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:1.25rem 1.4rem 1.5rem}
.mento-post-card__body>*{margin:0}
.mento-post-card .wp-block-post-title{font-size:1.3125rem;line-height:1.25;letter-spacing:-.015em}
.mento-post-card .wp-block-post-title a{color:var(--wp--preset--color--ink);text-decoration:none}
.mento-post-card .wp-block-post-title a:hover{text-decoration:underline}
.mento-post-card .wp-block-post-excerpt{flex:1;font-size:.9688rem;color:var(--wp--preset--color--muted)}
.mento-post-card .wp-block-post-excerpt__excerpt{margin:0}
.mento-post-card__cat,.mento-post-card__cat a{font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--gold-deep);text-decoration:none}
.mento-post-card__date{font-size:.8125rem;color:var(--wp--preset--color--muted)}
.wp-block-query-pagination{margin-top:3rem;gap:.5rem;font-weight:600}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .9rem;border-radius:10px;border:1.5px solid #CFCDC4;color:var(--wp--preset--color--ink);text-decoration:none}
.wp-block-query-pagination a:hover{background:var(--wp--preset--color--warm)}
.wp-block-query-pagination .page-numbers.current{background:var(--wp--preset--color--ink);color:#fff;border-color:var(--wp--preset--color--ink)}

/* 13. Single post -------------------------------------------------------- */
.mento-post-head{padding-top:2rem}
.mento-post-head>*{margin-block:0}.mento-post-head>*+*{margin-block-start:1rem}
.mento-crumbs{font-size:.875rem;color:var(--wp--preset--color--muted)}
.mento-crumbs a{color:var(--wp--preset--color--muted)}
.mento-post-meta{gap:.5rem 1.25rem;font-size:.9375rem;color:var(--wp--preset--color--muted);align-items:center}
.mento-post-meta>*{margin:0}
.mento-post-hero img{display:block;width:100%;border-radius:20px;border:1px solid var(--wp--preset--color--line)}
.mento-post-body{padding-block:2.5rem 4rem}
.mento-post-body .wp-block-post-content>:where(p,ul,ol){font-size:1.1563rem;line-height:1.75;color:#2A2A36}
.mento-post-body .wp-block-post-content>:where(h2){margin-block:2.5rem .75rem}
.mento-post-body .wp-block-post-content>:where(h3){margin-block:2rem .6rem}
.mento-post-body .wp-block-post-content img{max-width:100%;height:auto;border-radius:12px}
.mento-note-box{padding:1.1rem 1.3rem;border-radius:12px;background:var(--tint);border-left:4px solid var(--deep)}
.mento-author{display:flex;gap:1.1rem;align-items:center;padding:1.5rem;border:1.5px solid var(--wp--preset--color--line);border-radius:16px;margin-top:3rem}
.mento-author>*{margin:0}
.mento-post-nav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--wp--preset--color--line);font-weight:600}
.mento-post-nav a{text-decoration:none}

/* 14. Support ------------------------------------------------------------ */
.mento-support-search input{height:56px;border:1.5px solid var(--wp--preset--color--ink);border-radius:14px;padding:0 1.25rem;font:inherit;font-size:1.0625rem;width:100%}
.wpcf7 form p{margin:0 0 1rem}
.wpcf7 label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}
.wpcf7 input:not([type=submit]):not([type=checkbox]),.wpcf7 select,.wpcf7 textarea{width:100%;border:1.5px solid #CFCDC4;border-radius:10px;padding:.8rem .9rem;font:inherit;background:#fff}
.wpcf7 input[type=submit]{height:52px;border:0;border-radius:12px;background:var(--wp--preset--color--gold);color:var(--wp--preset--color--ink);font:inherit;font-weight:700;padding:0 2rem;cursor:pointer}

/* 15. Utilities ---------------------------------------------------------- */
.mento-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:781px){.mento-hero__cols{gap:2.5rem}}

/* 16. Use-case details (migrated plugin pages) --------------------------- */
.mento-uc__cols{gap:2rem}
.mento-uc__pill{display:inline-flex;width:fit-content;padding:.35rem .8rem;border-radius:999px;background:var(--tint);color:var(--deep);font-family:var(--wp--preset--font-family--dm-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.mento-uc__conclusion{font-weight:600;color:var(--wp--preset--color--ink)}
.mento-uc__steps{padding-left:1.4rem;color:var(--wp--preset--color--ink-soft)}
.mento-uc__steps li::marker{color:var(--deep);font-weight:700}
.mento-uc__result{border-radius:12px;background:var(--tint);padding:1.25rem 1.4rem}
.mento-uc__result>*{margin-block:0}.mento-uc__result>*+*{margin-block-start:.75rem}
.mento-uc__line{font-size:.9375rem;color:var(--wp--preset--color--ink-soft)}
.mento-uc__more{font-size:.875rem;color:var(--wp--preset--color--muted)}
.mento-uc__sep{border:0;border-top:1px solid rgba(26,26,36,.14);margin:0}
.mento-stats{gap:1rem;margin:0}
.mento-stat__num{margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--deep)}
.mento-stat__cap{margin:.2rem 0 0;font-size:.875rem;color:var(--wp--preset--color--ink-soft)}
.mento-row .mento-eyebrow{font-size:.8125rem}

/* 17. Hero screenshot frame with colour blocks --------------------------- */
.mento-window::before,.mento-window::after{content:"";position:absolute;border-radius:22px;z-index:-1}
.mento-window::before{top:-26px;right:-22px;width:46%;height:46%;background:var(--wp--preset--color--gold)}
.mento-window::after{bottom:-24px;left:-20px;width:38%;height:34%;background:var(--wp--preset--color--search)}
.mento-window .mento-shot img{border-radius:16px}
@media (max-width:781px){.mento-window::before,.mento-window::after{display:none}}

/* 18. Dark-section fixes, spacing --------------------------------------- */
.mento-section--dark .mento-lead{color:var(--wp--preset--color--dark-text)}
.mento-card--dark .mento-card__more a,.mento-card--dark .mento-card__cat{color:var(--wp--preset--color--gold-soft)}
.mento-section--paper .wp-block-buttons{margin-top:2rem}
.mento-uc .mento-head{margin-bottom:0}

/* 19. Single post: head aligned with the reading column ------------------ */
.mento-post-head{max-width:calc(760px + 2 * var(--mento-gutter))}
.mento-post-image{padding-block:1.5rem 0}
.mento-post-image:empty{display:none}
.mento-post-body .wp-block-post-content.is-layout-constrained>*{max-width:760px}

/* 20. v2.1: headers, post body, nav dots, CTA hover ----------------------- */
.mento-nav .mento-dot>.wp-block-navigation-item__content{display:flex;align-items:center;gap:.65rem}
.mento-nav .mento-dot>.wp-block-navigation-item__content::before{margin:0;flex:none}

.mento-section--gold .wp-block-button .wp-block-button__link:hover,.mento-section--gold .wp-block-button .wp-block-button__link:focus-visible{background:var(--wp--preset--color--ink-soft);color:#fff;border-color:var(--wp--preset--color--ink-soft)}
.mento-section--gold .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--ink);color:#fff}
.mento-section--deep .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#F0F0F4;color:var(--deep)}
.mento-section--deep .wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.16);color:#fff}

/* Page and post header band */
.mento-page-head{position:relative;overflow:hidden;isolation:isolate;background:var(--wp--preset--color--ink);color:#fff;border:0;padding:clamp(2.75rem,6vw,4.5rem) 0 clamp(3rem,6vw,4.5rem)}
.mento-page-head::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 150% at 90% -20%,color-mix(in srgb,var(--brand) 42%,transparent),transparent 70%),radial-gradient(40% 100% at 0% 120%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20640%20300%27%3E%3Cline%20x1%3D%2760%27%20y1%3D%2760%27%20x2%3D%27170%27%20y2%3D%27140%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27170%27%20y1%3D%27140%27%20x2%3D%27120%27%20y2%3D%27230%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27170%27%20y1%3D%27140%27%20x2%3D%27260%27%20y2%3D%2770%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27260%27%20y1%3D%2770%27%20x2%3D%27430%27%20y2%3D%27100%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27170%27%20y1%3D%27140%27%20x2%3D%27330%27%20y2%3D%27190%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27330%27%20y1%3D%27190%27%20x2%3D%27430%27%20y2%3D%27100%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27330%27%20y1%3D%27190%27%20x2%3D%27480%27%20y2%3D%27230%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27430%27%20y1%3D%27100%27%20x2%3D%27560%27%20y2%3D%2760%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27560%27%20y1%3D%2760%27%20x2%3D%27600%27%20y2%3D%27160%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27480%27%20y1%3D%27230%27%20x2%3D%27600%27%20y2%3D%27160%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27120%27%20y1%3D%27230%27%20x2%3D%27250%27%20y2%3D%27260%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27250%27%20y1%3D%27260%27%20x2%3D%27330%27%20y2%3D%27190%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%2760%27%20y1%3D%2760%27%20x2%3D%2740%27%20y2%3D%27170%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%2740%27%20y1%3D%27170%27%20x2%3D%27120%27%20y2%3D%27230%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27260%27%20y1%3D%2770%27%20x2%3D%27380%27%20y2%3D%2720%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27380%27%20y1%3D%2720%27%20x2%3D%27430%27%20y2%3D%27100%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Cline%20x1%3D%27430%27%20y1%3D%27100%27%20x2%3D%27600%27%20y2%3D%27160%27%20stroke%3D%27white%27%20stroke-opacity%3D%27.16%27%20stroke-width%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%2760%27%20r%3D%275%27%20fill%3D%27white%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27170%27%20cy%3D%27140%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27230%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27260%27%20cy%3D%2770%27%20r%3D%275%27%20fill%3D%27white%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27330%27%20cy%3D%27190%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27430%27%20cy%3D%27100%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27480%27%20cy%3D%27230%27%20r%3D%275%27%20fill%3D%27white%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27560%27%20cy%3D%2760%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27600%27%20cy%3D%27160%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27260%27%20r%3D%275%27%20fill%3D%27white%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%27170%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3Ccircle%20cx%3D%27380%27%20cy%3D%2720%27%20r%3D%273.5%27%20fill%3D%27white%27%20fill-opacity%3D%270.28%27%2F%3E%3C%2Fsvg%3E") right center/min(72%,860px) auto no-repeat}
.mento-page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--brand),transparent 78%)}
.mento-page-head>.mento-inner>*{margin-block:0}.mento-page-head>.mento-inner>*+*{margin-block-start:1rem}
.mento-page-head h1,.mento-page-head .wp-block-post-title{color:#fff;font-size:clamp(2.25rem,5.2vw,3.75rem);line-height:1.08;letter-spacing:-.025em}
.mento-page-head .mento-lead{color:#D8D8E2;max-width:40rem}
.mento-page-head .mento-crumbs{font-family:var(--wp--preset--font-family--dm-mono);font-size:.8125rem;letter-spacing:.02em;color:rgba(255,255,255,.62)}
.mento-page-head .mento-crumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .6rem;list-style:none;margin:0;padding:0}
.mento-page-head .mento-crumbs a{color:#fff;text-decoration:none;opacity:.9}.mento-page-head .mento-crumbs a:hover{text-decoration:underline;opacity:1}
.mento-page-head .mento-post-card__cat,.mento-page-head .mento-post-card__cat a{color:var(--wp--preset--color--gold);text-decoration:none}
.mento-page-head .wp-block-post-terms{display:flex;flex-wrap:wrap;gap:.5rem}
.mento-page-head .wp-block-post-terms a{display:inline-block;padding:.3rem .8rem;border:1px solid rgba(232,160,32,.55);border-radius:999px;background:rgba(232,160,32,.12)}
.mento-page-head .wp-block-post-terms .wp-block-post-terms__separator{display:none}
.mento-page-head .mento-post-meta{color:#C9C9D6}
.mento-page-head .mento-post-meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--wp--preset--color--gold);margin-right:1.25rem;vertical-align:middle}

/* Post header: centred, image overlaps the band */
.mento-page-head--post{padding-bottom:clamp(4.5rem,9vw,6.5rem)}
.mento-page-head--post .mento-post-head{max-width:calc(900px + 2*var(--mento-gutter));text-align:center;padding-top:0}
.mento-page-head--post .mento-crumbs ol,.mento-page-head--post .wp-block-post-terms,.mento-page-head--post .mento-post-meta{justify-content:center}
.mento-page-head--post .mento-lead{margin-inline:auto}
.mento-post-image{position:relative;z-index:2;margin-top:clamp(-4.5rem,-7vw,-3rem);padding-block:0}
.mento-post-hero img{box-shadow:var(--wp--preset--shadow--frame)}

/* Post body */
.mento-post-body{padding-block:3rem 4.5rem}
.mento-post-body .wp-block-post-content>:where(p,ul,ol,blockquote,pre,figure,.wp-block-table,.wp-block-image){margin-block:0 1.4rem}
.mento-post-body .wp-block-post-content>:where(p,ul,ol){font-size:1.125rem;line-height:1.8}
.mento-post-body .wp-block-post-content>:where(ul,ol){padding-left:1.4rem}
.mento-post-body .wp-block-post-content li{margin-block:.4rem}
.mento-post-body .wp-block-post-content>h2{font-size:clamp(1.65rem,3vw,2.1rem);margin-block:3rem 1rem;padding-top:1.5rem;border-top:1px solid var(--wp--preset--color--line)}
.mento-post-body .wp-block-post-content>h2:first-child{border-top:0;padding-top:0;margin-top:0}
.mento-post-body .wp-block-post-content>h3{font-size:1.4rem;margin-block:2.25rem .75rem}
.mento-post-body .wp-block-post-content>:where(h2,h3,h4){line-height:1.2;letter-spacing:-.015em}
.mento-post-body .wp-block-post-content a{color:var(--deep);text-underline-offset:3px}
.mento-post-body .wp-block-post-content :not(pre)>code{font-family:var(--wp--preset--font-family--dm-mono);font-size:.88em;background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:.1em .4em;word-break:break-word}
.mento-post-body .wp-block-post-content pre{background:var(--wp--preset--color--ink);color:#EDEDF3;font-family:var(--wp--preset--font-family--dm-mono);font-size:.9rem;line-height:1.7;border-radius:14px;padding:1.25rem 1.4rem;overflow-x:auto;max-width:100%}
.mento-post-body .wp-block-post-content pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre}
.mento-post-body .wp-block-post-content blockquote{border-left:4px solid var(--brand);background:var(--tint);margin-inline:0;padding:1rem 1.4rem;border-radius:0 12px 12px 0}
.mento-post-body .wp-block-post-content blockquote p{margin:0}
.mento-post-body .wp-block-post-content figure{margin-inline:0}
.mento-post-body .wp-block-post-content figure img,.mento-post-body .wp-block-post-content p>img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--wp--preset--color--line)}
.mento-post-body .wp-block-post-content figcaption{font-size:.875rem;color:var(--wp--preset--color--muted);text-align:center;margin-top:.6rem}
.mento-post-body .wp-block-post-content table{width:100%;border-collapse:collapse;font-size:1rem}
.mento-post-body .wp-block-post-content :where(th,td){border:1px solid var(--wp--preset--color--line);padding:.6rem .8rem;text-align:left}
.mento-post-body .wp-block-post-content th{background:var(--wp--preset--color--paper)}
.mento-post-body .wp-block-post-content>hr{margin-block:2.5rem}
.mento-post-body .wp-block-post-content>*{overflow-wrap:break-word}
@media (max-width:640px){.mento-post-body .wp-block-post-content>:where(p,ul,ol){font-size:1.0625rem}}
.mento-page-head--post::before{-webkit-mask-image:radial-gradient(ellipse 55% 70% at 50% 55%,transparent 30%,#000 80%);mask-image:radial-gradient(ellipse 55% 70% at 50% 55%,transparent 30%,#000 80%)}
.mento-page-head .mento-post-meta>*+*::before{margin-right:.6rem}

/* 21. Code windows and inline code in rows / use cases / CTA ------------- */
.mento-code{margin:0;background:var(--wp--preset--color--ink);border:1px solid #2B2B3A;border-radius:16px;box-shadow:var(--wp--preset--shadow--frame);overflow:hidden}
.mento-code::before{content:"";display:block;height:36px;border-bottom:1px solid #2B2B3A;background:radial-gradient(circle at 20px 18px,#FF5F57 5px,transparent 5.5px),radial-gradient(circle at 40px 18px,#FEBC2E 5px,transparent 5.5px),radial-gradient(circle at 60px 18px,#28C840 5px,transparent 5.5px),#232330}
.mento-code .wp-block-code{margin:0;padding:0;background:none;border:0}
.mento-code pre,.mento-code .wp-block-code{overflow-x:auto}
.mento-code pre.wp-block-code{padding:1.25rem 1.4rem}
.mento-code code{display:block;font-family:var(--wp--preset--font-family--dm-mono);font-size:.875rem;line-height:1.75;color:#EDEDF3;background:none;border:0;padding:0;white-space:pre}
.mento-row :not(pre)>code,.mento-uc :not(pre)>code{font-family:var(--wp--preset--font-family--dm-mono);font-size:.86em;color:var(--wp--preset--color--ink);background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:.08em .4em;word-break:break-word}
.mento-cta .wp-block-code{margin:0;background:#0F0F17;border:1px solid var(--wp--preset--color--dark-line);border-radius:12px;padding:.9rem 1.5rem}
.mento-cta .wp-block-code code{font-family:var(--wp--preset--font-family--dm-mono);font-size:1rem;color:var(--wp--preset--color--gold-soft);background:none;border:0;padding:0}
.mento-section--dark .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.7)}
.mento-section--dark .wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.14);color:#fff}