/* Nalqerio public premium finish — 2026-09-15.
   A final, quiet layer for navigation, readability and responsive rhythm. */

/* Header: keep the public shell crisp without competing with the dark hero. */
body.marketing-page .site-header{
    border-bottom-color:rgba(11,31,51,.09);
    background:rgba(255,255,255,.94);
    box-shadow:0 1px 0 rgba(7,28,48,.035);
    -webkit-backdrop-filter:blur(24px) saturate(1.15);
    backdrop-filter:blur(24px) saturate(1.15);
}
body.marketing-page .site-header.is-scrolled{
    background:rgba(255,255,255,.975);
    box-shadow:0 16px 38px -30px rgba(7,28,48,.55),0 1px 0 rgba(7,28,48,.06);
}
body.marketing-page .site-header .brand-symbol{transition:transform .24s var(--m-ease),filter .24s var(--m-ease)}
body.marketing-page .site-header .brand:hover .brand-symbol{transform:translateY(-1px);filter:drop-shadow(0 7px 12px rgba(15,159,136,.16))}
body.marketing-page .site-header .nav-main>a,
body.marketing-page .site-header .nav-menu>summary{
    position:relative;
    border:1px solid transparent;
    border-radius:11px;
}
body.marketing-page .site-header .nav-main>a::before,
body.marketing-page .site-header .nav-menu>summary::before{
    content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,#0f9f88,#53c8ef);transform:scaleX(0);transform-origin:center;
    transition:transform .22s var(--m-ease);opacity:.9;
}
body.marketing-page .site-header .nav-main>a:hover::before,
body.marketing-page .site-header .nav-menu>summary:hover::before,
body.marketing-page .site-header .nav-menu[open]>summary::before{transform:scaleX(1)}
body.marketing-page[data-public-page="features"] #public-product-menu>summary,
body.marketing-page[data-public-page="methodology"] #public-product-menu>summary,
body.marketing-page[data-public-page="seo.monitoring"] #public-product-menu>summary,
body.marketing-page[data-public-page="usecase.companies"] #public-solutions-menu>summary,
body.marketing-page[data-public-page="usecase.agencies"] #public-solutions-menu>summary,
body.marketing-page[data-public-page="guides"] #public-resources-menu>summary,
body.marketing-page[data-public-page="glossary"] #public-resources-menu>summary,
body.marketing-page[data-public-page="status"] #public-resources-menu>summary,
body.marketing-page[data-public-page="seo.geo"] #public-resources-menu>summary,
body.marketing-page[data-public-page="seo.checker"] #public-resources-menu>summary,
body.marketing-page[data-public-page="seo.chatgpt"] #public-resources-menu>summary,
body.marketing-page[data-public-page="seo.aeo"] #public-resources-menu>summary,
body.marketing-page[data-public-page="seo.brand"] #public-resources-menu>summary{
    color:#092c40;background:#eef7f5;border-color:#d8e8e3;
}
body.marketing-page[data-public-page="features"] #public-product-menu>summary::before,
body.marketing-page[data-public-page="methodology"] #public-product-menu>summary::before,
body.marketing-page[data-public-page="seo.monitoring"] #public-product-menu>summary::before,
body.marketing-page[data-public-page="usecase.companies"] #public-solutions-menu>summary::before,
body.marketing-page[data-public-page="usecase.agencies"] #public-solutions-menu>summary::before,
body.marketing-page[data-public-page="guides"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="glossary"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="status"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="seo.geo"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="seo.checker"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="seo.chatgpt"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="seo.aeo"] #public-resources-menu>summary::before,
body.marketing-page[data-public-page="seo.brand"] #public-resources-menu>summary::before{transform:scaleX(1)}
body.marketing-page[data-public-page="pricing"] .site-header .nav-main>a:last-child{
    color:#092c40;background:#eef7f5;border-color:#d8e8e3;
}
body.marketing-page[data-public-page="pricing"] .site-header .nav-main>a:last-child::before{transform:scaleX(1)}

/* Dropdowns: a restrained compact panel rather than a generic white list. */
body.marketing-page .nav-menu>div{
    top:50px;min-width:320px;padding:10px;border:1px solid #d7e5e3;border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,251,250,.99));
    box-shadow:0 26px 70px -28px rgba(7,28,48,.42),0 2px 8px rgba(7,28,48,.05);
    overflow:hidden;transform-origin:top left;
}
body.marketing-page .nav-menu[open]>div{animation:nq-nav-panel-in .18s var(--m-ease) both}
body.marketing-page .nav-menu>div::before{
    content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:999px;
    background:linear-gradient(90deg,rgba(15,159,136,.9),rgba(83,200,239,.35),transparent);
}
body.marketing-page .nav-menu>div a{
    position:relative;display:grid;gap:4px;min-height:54px;padding:11px 40px 11px 15px!important;
    border:1px solid transparent;border-radius:12px;color:#102a3d;font-size:.82rem;font-weight:850;
    transition:background .18s ease,border-color .18s ease,transform .18s var(--m-ease);
}
body.marketing-page .nav-menu>div a::before{
    content:"";position:absolute;left:4px;top:18px;width:4px;height:18px;border-radius:999px;
    background:linear-gradient(180deg,#38cbb0,#4cb8e7);opacity:0;transform:scaleY(.45);
    transition:opacity .18s ease,transform .18s ease;
}
body.marketing-page .nav-menu>div a::after{
    content:"→";position:absolute;right:14px;top:50%;translate:0 -50%;color:#7a929d;font-size:.9rem;
    opacity:.45;transition:translate .18s var(--m-ease),color .18s ease,opacity .18s ease;
}
body.marketing-page .nav-menu>div a:hover,
body.marketing-page .nav-menu>div a:focus-visible{
    background:#edf7f4;border-color:#d8e9e3;transform:translateX(2px);
}
body.marketing-page .nav-menu>div a:hover::before,
body.marketing-page .nav-menu>div a:focus-visible::before{opacity:1;transform:scaleY(1)}
body.marketing-page .nav-menu>div a:hover::after,
body.marketing-page .nav-menu>div a:focus-visible::after{translate:3px -50%;color:#087663;opacity:1}
body.marketing-page .nav-menu>div a small{color:#667d89;font-size:.7rem;line-height:1.45;font-weight:600}
body.marketing-page #public-resources-menu-panel{min-width:390px}

/* Language selector belongs to the same component family as the primary nav. */
body.marketing-page .language-switcher>summary{
    min-height:40px;padding:6px 11px;border-color:#d6e2e8;border-radius:12px;background:#f8fafb;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
body.marketing-page .language-switcher[open]>summary{border-color:#bcd8d1;background:#fff;box-shadow:0 8px 24px -18px rgba(7,28,48,.45)}
body.marketing-page .language-menu{
    top:calc(100% + 10px);min-width:205px;padding:9px;border-color:#d7e5e3;border-radius:16px;
    background:linear-gradient(180deg,#fff,#f8fbfa);box-shadow:0 24px 58px -24px rgba(7,28,48,.38);
}
body.marketing-page .language-switcher[open]>.language-menu{animation:nq-nav-panel-in .18s var(--m-ease) both}
body.marketing-page .language-menu a,body.marketing-page .language-menu span{min-height:42px;border-radius:10px}

/* Give 980–1060px a real compact desktop navigation instead of an early hamburger. */
@media (min-width:980px) and (max-width:1060px){
    body.marketing-page .site-header .nav{gap:10px}
    body.marketing-page .site-header .brand-word{font-size:.87rem}
    body.marketing-page .site-header .nav-main{display:flex!important;gap:1px}
    body.marketing-page .site-header .mobile-nav{display:none!important}
    body.marketing-page .site-header .account-nav-link{display:none!important}
    body.marketing-page .site-header .nav-cta{display:none!important}
    body.marketing-page .site-header .nav-main>a,
    body.marketing-page .site-header .nav-menu>summary{min-height:39px;padding-inline:7px;font-size:.76rem}
    body.marketing-page .site-header .nav-actions{gap:4px}
    body.marketing-page .site-header .login-link{padding-inline:6px;font-size:.75rem}
    body.marketing-page .site-header .language-switcher>summary{padding-inline:8px}
    body.marketing-page #public-resources-menu-panel{left:auto;right:-55px}
}

/* Mobile/tablet menu: structured sheet, not a long ungrouped dropdown. */
body.marketing-page .mobile-nav>summary{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
body.marketing-page .mobile-nav[open]>summary{border-color:#b8d7cf;background:#eef8f5;box-shadow:0 8px 24px -18px rgba(7,28,48,.45)}
body.marketing-page .mobile-nav-icon{position:relative;display:block;width:19px;height:16px}
body.marketing-page .mobile-nav-icon i{
    position:absolute;left:0;width:19px;height:2px;border-radius:999px;background:#15384d;
    transition:transform .2s var(--m-ease),top .2s var(--m-ease),opacity .15s ease;
}
body.marketing-page .mobile-nav-icon i:nth-child(1){top:1px}
body.marketing-page .mobile-nav-icon i:nth-child(2){top:7px}
body.marketing-page .mobile-nav-icon i:nth-child(3){top:13px}
body.marketing-page .mobile-nav[open] .mobile-nav-icon i:nth-child(1){top:7px;transform:rotate(45deg)}
body.marketing-page .mobile-nav[open] .mobile-nav-icon i:nth-child(2){opacity:0;transform:scaleX(.4)}
body.marketing-page .mobile-nav[open] .mobile-nav-icon i:nth-child(3){top:7px;transform:rotate(-45deg)}
@media (max-width:979px){
    body.marketing-page .mobile-nav>div{
        display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;
        padding:14px!important;border:1px solid #d7e5e3!important;
        background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(245,250,249,.995))!important;
        box-shadow:0 28px 78px -24px rgba(7,28,48,.42)!important;
    }
    body.marketing-page .mobile-nav[open]>div{animation:nq-mobile-sheet-in .2s var(--m-ease) both}
    body.marketing-page .mobile-nav-label{
        grid-column:1/-1;margin:7px 2px 1px;padding:9px 9px 4px;border-top:1px solid #e4ecea;
        color:#6b818c;font-size:.64rem;letter-spacing:.11em;
    }
    body.marketing-page .mobile-nav-label:first-child{margin-top:0;border-top:0;padding-top:3px}
    body.marketing-page .mobile-nav>div a{
        position:relative;min-height:48px!important;padding:10px 12px!important;border:1px solid #e2ebe9;
        border-radius:12px!important;background:rgba(255,255,255,.72);color:#17384a;font-size:.82rem;
    }
    body.marketing-page .mobile-nav>div a:hover,body.marketing-page .mobile-nav>div a:focus-visible{
        border-color:#c5ded7;background:#edf7f4;color:#092f3f;
    }
    body.marketing-page .mobile-nav>div .mobile-nav-cta{grid-column:1/-1;justify-content:center;margin-top:8px;border-color:#0b2c40!important;background:linear-gradient(135deg,#071c2d,#0d3850)!important}
}
@media (max-width:560px){
    body.marketing-page .mobile-nav>div{grid-template-columns:1fr}
    body.marketing-page .mobile-nav-label,body.marketing-page .mobile-nav>div .mobile-nav-cta{grid-column:1}
}

/* Product-preview readability: detail should feel precise, not miniature. */
body.marketing-page .product-ui .example-label{font-size:.64rem}
body.marketing-page .product-ui .provider-tab,
body.marketing-page .feature-visual .provider-tab{min-height:32px;padding:7px 10px;font-size:.67rem;line-height:1.25}
body.marketing-page .provider-tabs{scrollbar-width:none;scroll-snap-type:x proximity}
body.marketing-page .provider-tabs::-webkit-scrollbar{display:none}
body.marketing-page .provider-tab{flex:0 0 auto;scroll-snap-align:start;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
body.marketing-page .provider-tab.active{box-shadow:inset 0 -2px 0 rgba(15,159,136,.58),0 5px 14px -12px rgba(15,159,136,.75)}
body.marketing-page .product-ui .product-kpi span{font-size:.64rem}
body.marketing-page .product-ui .product-kpi small{font-size:.58rem;line-height:1.42}
body.marketing-page .product-ui .product-card-head b{font-size:.72rem}
body.marketing-page .product-ui .product-card-head small{font-size:.62rem}
body.marketing-page .product-ui .visibility-row{font-size:.63rem}
body.marketing-page .product-ui .next-action strong{font-size:.72rem}
body.marketing-page .product-ui .next-action p,
body.marketing-page .product-ui .next-action a{font-size:.63rem}
body.marketing-page .product-ui .product-source,
body.marketing-page .feature-visual .product-source{font-size:.61rem;line-height:1.42}
body.marketing-page .preview-link{font-size:.63rem}
body.marketing-page .feature-visual .visual-caption{font-size:.72rem;line-height:1.45}

/* Slightly tighter information rhythm on the homepage, without flattening it. */
body.marketing-page[data-public-page="home"] .premium-section{padding:clamp(64px,6.2vw,84px) 0}
body.marketing-page[data-public-page="home"] #product-tour .section-head{margin-bottom:30px}
body.marketing-page[data-public-page="home"] #product-tour .nq-benefits{gap:14px}
body.marketing-page[data-public-page="home"] #check .section-head{margin-bottom:26px}
body.marketing-page[data-public-page="home"] #check .nq-providers{margin-bottom:22px}
body.marketing-page[data-public-page="home"] .nq-close{padding-block:clamp(52px,5.8vw,76px)}

/* Interactive cards remain quiet; the border carries more of the feedback than motion. */
body.marketing-page .nq-benefit:hover,
body.marketing-page .story-card:hover,
body.marketing-page .outcome-card:hover,
body.marketing-page .feature-visual:hover{
    border-color:#bcd9d0;box-shadow:0 22px 52px -34px rgba(7,50,58,.38);
}
body.marketing-page .faq-item,body.marketing-page .faq-list>details,body.marketing-page .method-details details{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
body.marketing-page .faq-item[open],body.marketing-page .faq-list>details[open]{border-color:#bed8d0;box-shadow:0 18px 46px -38px rgba(7,62,53,.36)}

/* Consent is a trust component; make the copy comfortably readable. */
body.marketing-page .consent-card{border-color:#d3e3df;background:linear-gradient(180deg,#fff,#fbfdfc)}
body.marketing-page .consent-card p{font-size:.82rem;line-height:1.58}
body.marketing-page .consent-actions button{font-size:.78rem}

/* Footer: preserve information density without turning mobile into a long tunnel. */
body.marketing-page .site-footer{padding-top:56px}
body.marketing-page .footer-col a,body.marketing-page .cookie-settings-button{line-height:1.45}
@media (max-width:560px){
    body.marketing-page .site-footer{padding-top:42px}
    body.marketing-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 20px!important}
    body.marketing-page .footer-brand{grid-column:1/-1!important}
    body.marketing-page .footer-brand p{max-width:38ch}
    body.marketing-page .footer-col a,body.marketing-page .cookie-settings-button{min-height:31px;margin:3px 0;display:flex;align-items:center}
    body.marketing-page .footer-bottom{margin-top:24px;padding-top:14px}
}
@media (max-width:360px){
    body.marketing-page .footer-grid{grid-template-columns:1fr!important}
    body.marketing-page .footer-brand{grid-column:1!important}
}

@keyframes nq-nav-panel-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes nq-mobile-sheet-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
    body.marketing-page .nav-menu[open]>div,
    body.marketing-page .language-switcher[open]>.language-menu,
    body.marketing-page .mobile-nav[open]>div{animation:none}
    body.marketing-page .mobile-nav-icon i,
    body.marketing-page .site-header .brand-symbol,
    body.marketing-page .provider-tab{transition:none}
}

/* Responsive edge fixes found in the rendered 1024/900px audit. */
@media (min-width:961px) and (max-width:1120px){
    body.marketing-page[data-public-page="home"] .nq-panel-bar{gap:8px;padding-inline:12px}
    body.marketing-page[data-public-page="home"] .nq-panel-title{font-size:.76rem;white-space:nowrap}
    body.marketing-page[data-public-page="home"] .nq-banner{padding:4px 7px;font-size:.63rem}
}
@media (max-width:979px){
    body.marketing-page .mobile-nav>div{
        position:fixed!important;top:75px!important;right:12px!important;bottom:auto!important;left:auto!important;
        width:min(720px,calc(100vw - 24px))!important;max-width:none!important;
        max-height:calc(100dvh - 90px)!important;overflow:auto!important;
    }
}
@media (max-width:760px){
    body.marketing-page .mobile-nav>div{top:66px!important;max-height:calc(100dvh - 80px)!important}
}

/* Final tablet-header cleanup: when the structured menu is present, keep the header itself calm. */
body.marketing-page .mobile-nav>summary::-webkit-details-marker{display:none}
body.marketing-page .mobile-nav>summary::marker{content:""}
@media (max-width:979px){body.marketing-page .site-header .nav-cta{display:none!important}}

/* Last microcopy pass from the 220-render audit. */
body.marketing-page .feature-visual .product-card-head small{font-size:.66rem}
body.marketing-page .feature-visual .product-source{font-size:.65rem}
body.marketing-page .feature-visual .next-action p{font-size:.65rem;line-height:1.55}
body.marketing-page .audience-preview .audience-evidence-row>span{font-size:.66rem}

/* Trial launch: preserve the premium cards and show Test, Starter and Pro side by side. */
@media (min-width:1060px){
  body.marketing-page[data-public-page="pricing"] .premium-price-grid{max-width:1480px;grid-template-columns:repeat(3,minmax(0,1fr))}
}
body.marketing-page[data-public-page="pricing"] .premium-price-card[data-plan="trial"]{border-color:#2f8f7b}
body.marketing-page[data-public-page="pricing"] .premium-price-card[data-plan="trial"] .featured-plan-badge{background:#0f9f88;color:#042e28}