/* QueryTend public site — uses tokens.css only (no literal sizes or colors below). */
body{background:var(--paper)}
h1{font-size:var(--t-display)}
h2{font-size:var(--t-section)}
h3{font-size:var(--t-card)}
.section-head h2,.split h2,.band h2{font-size:var(--t-section)}
.wrap{max-width:1160px;margin:auto;padding:0 var(--s-6)}
/* header */
.proto{background:var(--ink);color:var(--on-dark);font-size:var(--fs-xs);text-align:center;padding:var(--s-1)}.proto a{color:#fff;text-decoration:underline}
header.top{position:sticky;top:0;z-index:5;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:var(--s-6);height:64px}
.brand{display:flex;align-items:center;gap:var(--s-2);font:var(--w-bold) var(--fs-lg)/var(--lh-tight) var(--font);color:var(--ink)}.brand img{width:26px;height:26px}.brand:hover{text-decoration:none}
nav.main{display:flex;gap:var(--s-5);font-size:var(--fs-sm);font-weight:var(--w-medium);align-self:stretch}nav.main a{color:var(--ink-2);display:flex;align-items:center;position:relative}nav.main a:hover{color:var(--blue);text-decoration:none}nav.main a[aria-current]{color:var(--blue);font-weight:var(--w-bold)}nav.main a[aria-current]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--blue)}
.top-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-4);font-size:var(--fs-sm);font-weight:var(--w-medium)}
.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r-pill);padding:2px}.lang a{font:var(--w-medium) var(--fs-xs)/var(--lh-tight) var(--font);padding:6px 10px;border-radius:var(--r-pill);color:var(--muted)}.lang a:hover{text-decoration:none;color:var(--ink)}.lang a[aria-current]{background:var(--tint-blue);color:var(--blue);font-weight:var(--w-bold)}
details.menu{display:none;margin-left:auto}details.menu summary{list-style:none;display:flex;align-items:center;gap:var(--s-2);cursor:pointer;font:var(--w-bold) var(--fs-sm)/var(--lh-tight) var(--font);padding:var(--s-2) 0}details.menu summary::-webkit-details-marker{display:none}
details.menu:not([open]) .menu-panel{display:none}
.menu-panel{position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:var(--s-4) var(--s-5) var(--s-5);display:grid;gap:var(--s-4)}.menu-panel>a:not(.button){color:var(--ink);font-size:var(--fs-md)}
/* layout */
.band{padding:var(--s-8) 0}.band.tint{background:var(--tint)}.band.blue{background:var(--tint-blue)}.band.tight{padding:var(--s-7) 0}
.section-head{max-width:720px;margin-bottom:var(--s-6)}.section-head h2{margin-top:var(--s-2)}.section-head p{color:var(--ink-2);margin-top:var(--s-3)}
.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font:var(--w-bold) var(--fs-xs)/var(--lh-ui) var(--font);color:var(--blue);letter-spacing:.06em}.eyebrow .icon{width:16px;height:16px}
.crumbs{font-size:var(--fs-xs);color:var(--muted);padding-top:var(--s-5)}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:var(--s-2);flex-wrap:wrap}.crumbs li+li::before{content:"›";margin-right:var(--s-2)}.crumbs a{color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-7);align-items:center;padding:var(--s-7) 0}
.hero.solo{grid-template-columns:minmax(0,760px);padding-bottom:var(--s-6)}
.hero h1{margin-top:var(--s-3)}
.hero .lead{font-size:var(--fs-lg);color:var(--ink-2);margin-top:var(--s-4)}
.cta{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-5)}
.points{list-style:none;padding:0;margin:var(--s-5) 0 0;display:grid;gap:var(--s-2);font-size:var(--fs-md);color:var(--ink-2)}.points li{display:flex;gap:var(--s-2);align-items:center}.points .icon{width:18px;height:18px;color:var(--green)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-7);align-items:center}.split.rev>:first-child{order:2}
.split h2{margin:var(--s-2) 0 var(--s-3)}.split p{color:var(--ink-2)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
/* cards */
.card p{font-size:var(--fs-md);color:var(--ink-2);margin-top:var(--s-2)}
.feature{display:flex;flex-direction:column;color:inherit;transition:border-color .15s,box-shadow .15s}.feature:hover{border-color:var(--blue-100);box-shadow:var(--shadow);text-decoration:none}
.feature h3{margin-top:var(--s-4)}
.feature .more{margin-top:auto;padding-top:var(--s-4);font:var(--w-bold) var(--fs-sm)/var(--lh-tight) var(--font);color:var(--blue);display:inline-flex;align-items:center;gap:var(--s-1)}.feature .more .icon{width:16px;height:16px}
.ico{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--tint-blue);color:var(--blue)}
/* visuals: one frame for every image and UI preview */
.visual{position:relative}
.photo{width:100%;height:auto;display:block;border-radius:var(--r-lg);background:var(--tint);border:1px solid var(--line)}
.shot{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;font-size:var(--fs-sm)}
.shot-bar{display:flex;align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-3);background:var(--tint);border-bottom:1px solid var(--line)}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.shot-bar span{margin-left:var(--s-2);font:var(--fs-xs)/var(--lh-tight) var(--mono);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot-bar em{margin-left:auto;font:var(--w-medium) var(--fs-xs)/var(--lh-tight) var(--font);font-style:normal;color:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 6px}
.shot-body{padding:var(--s-4) var(--s-5);display:grid;gap:var(--s-3)}
.shot.dark .shot-bar{background:var(--code-bar);border-color:var(--code-line)}.shot.dark .shot-bar span,.shot.dark .shot-bar em{color:var(--on-dark);border-color:var(--code-line-2)}.shot.dark .shot-body{background:var(--code-bg)}
.mk-label{font:var(--w-bold) var(--fs-xs)/var(--lh-ui) var(--font);color:var(--muted);letter-spacing:.04em}
.mk-verdict{display:flex;gap:var(--s-3);align-items:center;background:var(--green-50);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.mk-verdict b{font-size:var(--fs-lg);color:var(--green);white-space:nowrap}.mk-verdict span{font-size:var(--fs-xs);color:var(--ink-2)}
.mk-table{font-size:var(--fs-xs)}.mk-table th{padding:var(--s-2);white-space:normal}.mk-table td{padding:var(--s-2)}.mk-table tr.on td{background:var(--tint-blue);font-weight:var(--w-bold)}.mk-table .ok{color:var(--green);font-weight:var(--w-bold)}.mk-table .ng{color:var(--red);font-weight:var(--w-bold)}
.mk-bar{display:flex;height:10px;border-radius:var(--r-sm);overflow:hidden}.mk-bar i{background:var(--series-1)}.mk-bar i.b{background:var(--series-2)}
.mk-legend{display:flex;gap:var(--s-4);font-size:var(--fs-xs);color:var(--muted)}.mk-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--series-1);margin-right:4px}.mk-legend i.b{background:var(--series-2)}
.mk-todo{display:flex;gap:var(--s-2);align-items:center;font-size:var(--fs-xs);border:1px dashed var(--line-2);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}
.mk-search{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-4);font-size:var(--fs-xs)}.mk-search b{background:var(--blue);color:#fff;border-radius:var(--r-pill);padding:var(--s-1) var(--s-4);font-size:var(--fs-xs)}
.mk-chart{width:100%;height:auto;color:var(--blue)}.mk-chart circle{fill:var(--blue)}
.mk-row{display:flex;justify-content:space-between;font-size:var(--fs-xs)}
.mk-aio{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);background:var(--tint)}.mk-aio p{font-size:var(--fs-xs);color:var(--ink-2)}.mk-aio ol{margin:var(--s-2) 0 0;padding-left:18px;font-size:var(--fs-xs);color:var(--muted)}.mk-aio li.me{color:var(--green);font-weight:var(--w-bold)}.mk-aio li b{font-size:var(--fs-xs);background:var(--green-50);border-radius:var(--r-sm);padding:0 5px;margin-left:4px}
.mk-bars{display:flex;align-items:flex-end;gap:var(--s-2);height:80px}.mk-bars i{flex:1;background:var(--decline);border-radius:var(--r-sm) var(--r-sm) 0 0}
.mk-split{display:flex;border-radius:var(--r-sm);overflow:hidden;font-size:var(--fs-xs);color:var(--ink)}.mk-split i{font-style:normal;padding:var(--s-2);background:var(--blue-100);border-left:4px solid var(--series-1);white-space:nowrap;overflow:hidden}.mk-split i.b{background:var(--amber-50);border-left-color:var(--series-2)}
.mk-term{font:var(--fs-xs)/var(--lh-ui) var(--mono);display:grid;gap:var(--s-2)}.mk-term .u{color:var(--code-text)}.mk-term .t{color:var(--code-muted)}.mk-term .a{color:var(--code-ok);font-family:var(--font)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:var(--w-bold) var(--fs-sm)/var(--lh-tight) var(--font);margin-bottom:var(--s-3)}
/* free tool */
.tool{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:var(--s-4);display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center;box-shadow:var(--shadow)}
.tool input{flex:1;min-width:220px}
.tool select.demo{border-style:dashed;font-size:var(--fs-xs);color:var(--muted);min-height:36px}
.hero-form{margin-top:var(--s-5);box-shadow:none}.hint{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--s-3)}
.quota{font:var(--w-medium) var(--fs-xs)/var(--lh-ui) var(--font);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);background:#fff}.quota b{color:var(--ink)}
.captcha{font-size:var(--fs-xs);color:var(--green);display:inline-flex;align-items:center;gap:4px}.captcha .icon{width:16px;height:16px}
tr.blur td{filter:blur(4px);user-select:none}.gate{text-align:center;padding:var(--s-5);border-top:1px solid var(--line);margin-top:var(--s-4)}.gate p{font-size:var(--fs-sm);color:var(--muted);margin:var(--s-1) 0 var(--s-4)}
.result-note{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--s-3)}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.plan.rec{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue),var(--shadow)}
.price{font:var(--w-bold) var(--fs-xl)/var(--lh-tight) var(--font)}.price small{font:var(--w-regular) var(--fs-xs)/var(--lh-tight) var(--font);color:var(--muted)}
.plan ul{margin:0;padding:0;list-style:none;font-size:var(--fs-md);color:var(--ink-2);display:grid;gap:var(--s-2)}.plan li{display:flex;gap:var(--s-2);align-items:flex-start}.plan li .icon{width:16px;height:16px;color:var(--green);margin-top:5px}
.plan .button{margin-top:auto}
td.yes .icon{width:18px;height:18px;color:var(--green)}td.no{color:var(--muted)}
.table table.compare{min-width:560px}.table table.compare td:first-child,.table table.compare th:first-child{position:sticky;left:0;z-index:1;background:#fff}.table table.compare th:first-child{background:var(--tint)}
/* prose */
.prose>section{max-width:820px;margin-top:var(--s-7)}.prose>section:first-child{margin-top:var(--s-2)}.prose>section.split{max-width:none}
.prose h2,.block-title{font-size:var(--t-section);margin:var(--s-7) 0 var(--s-4)}.prose>section>h2{margin-top:0}.prose p,.prose li{color:var(--ink-2)}
.prose ol:not(.steps){padding-left:22px}
.prose ul{list-style:none;padding:0;display:grid;gap:var(--s-2)}.prose ul li{position:relative;padding-left:28px}
.prose ul li::before{content:'';position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:var(--green-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a5c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
table.flows td:first-child,table.flows td:last-child{white-space:nowrap}table.flows code{font-size:var(--fs-xs)}
details.faq{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s-3)}details.faq summary{cursor:pointer;padding:var(--s-4) var(--s-5);font-weight:var(--w-bold);list-style:none;display:flex;justify-content:space-between;gap:var(--s-3)}details.faq summary::-webkit-details-marker{display:none}details.faq summary::after{content:"+";color:var(--blue);font-size:var(--fs-xl);line-height:1}details.faq[open] summary::after{content:"−"}details.faq div{padding:0 var(--s-5) var(--s-4);color:var(--ink-2)}
pre.code{background:var(--code-bg);color:var(--code-text);border-radius:var(--r-md);padding:var(--s-4);font:var(--fs-xs)/var(--lh-ui) var(--mono);overflow:auto}
.sources{display:flex;gap:var(--s-5);flex-wrap:wrap;align-items:center;color:var(--muted);font-size:var(--fs-sm)}.sources b{color:var(--ink-2)}
.closing{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:var(--s-7);display:grid;grid-template-columns:1fr auto;gap:var(--s-5);align-items:center}.closing h2{font-size:var(--t-section)}.closing p{color:var(--on-dark);margin-top:var(--s-2)}.closing .button{border-color:#fff}
.related{margin-top:var(--s-7)}.related h2{font-size:var(--t-title-sm);margin-bottom:var(--s-3)}.related ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--s-2);flex-wrap:wrap}.related a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);background:#fff;font-size:var(--fs-sm);color:var(--ink-2)}.related a .icon{width:16px;height:16px;color:var(--blue)}
footer.site{background:var(--tint);border-top:1px solid var(--line);padding:var(--s-7) 0 var(--s-6);font-size:var(--fs-sm)}footer.site .cols{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:var(--s-6)}footer.site h2{font-size:var(--t-label);margin:0 0 var(--s-3)}footer.site ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2)}footer.site a{color:var(--ink-2)}footer.site p{color:var(--muted);margin-top:var(--s-2)}footer.site small{display:block;margin-top:var(--s-6);color:var(--muted);font-size:var(--fs-xs)}
/* responsive */
@media(max-width:960px){
  h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}
  .hero,.split{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}.split.rev>:first-child{order:0}
  .grid,.plans{grid-template-columns:1fr 1fr}nav.main{display:none}details.menu{display:block}.top-right{margin-left:var(--s-3)}
  footer.site .cols{grid-template-columns:1fr 1fr}.closing{grid-template-columns:1fr}
}
@media(max-width:600px){
  .wrap{padding:0 var(--s-4)}.band{padding:var(--s-7) 0}.hero{padding:var(--s-5) 0 var(--s-7)}
  .grid,.grid.two,.plans,.steps{grid-template-columns:1fr}.top-right{display:none}
  .hero .lead{font-size:var(--fs-md)}.closing{padding:var(--s-6) var(--s-5)}
  footer.site .cols>div:first-child{grid-column:1/-1}
}
.closing-cta{margin:0}.tool-result{margin-top:var(--s-4)}
.mk-scroll{overflow-x:auto}.mk-table td{white-space:nowrap}.mk-table td:nth-child(2){white-space:normal}
.flow-labels{list-style:none;padding:0;margin:var(--s-4) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);counter-reset:f}
.flow-labels li{counter-increment:f;display:flex;gap:var(--s-2);align-items:baseline;font-size:var(--fs-sm);color:var(--ink-2)}.flow-labels li::before{content:counter(f);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:var(--w-bold) var(--fs-xs)/var(--lh-tight) var(--font)}.flow-labels b{display:block;color:var(--ink);font-size:var(--fs-md)}
.sample-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s-6);align-items:center}.sample-split p{color:var(--ink-2)}
@media(max-width:960px){.flow-labels{grid-template-columns:1fr 1fr}.sample-split{grid-template-columns:minmax(0,1fr)}}
.prose>section.sample-split{max-width:none}
.plan h3{display:flex;align-items:center;gap:var(--s-2);flex-wrap:nowrap;white-space:nowrap}
.card .mk-label{font-size:var(--fs-xs)}.card .result-note{font-size:var(--fs-sm)}.card .mk-verdict span{font-size:var(--fs-sm)}
.menu-panel>a:not(.button){display:flex;align-items:center;min-height:44px}.menu-panel>a[aria-current]{color:var(--blue);font-weight:var(--w-bold)}details.menu summary{min-height:44px}
.menu-panel .lang{justify-self:start}
/* landing page */
.duo{position:relative;padding-bottom:var(--s-9)}
.duo-a{position:relative;z-index:1;margin-right:var(--s-8)}
.duo-b{position:absolute;right:calc(-1 * var(--s-4));bottom:calc(-1 * var(--s-6));width:62%;z-index:2}
.duo-tag{position:absolute;top:calc(-1 * var(--s-4));left:var(--s-4);z-index:3;display:inline-flex;align-items:center;gap:var(--s-2);background:#fff;border:1px solid var(--line-2);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font:var(--w-bold) var(--fs-xs)/var(--lh-ui) var(--font);color:var(--blue);box-shadow:var(--shadow)}
.duo-tag .icon{width:14px;height:14px}.duo-tag.dark{background:var(--ink);color:#fff;border-color:var(--ink);left:auto;right:var(--s-4)}
.trust{list-style:none;padding:0;margin:var(--s-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);font-size:var(--fs-sm);color:var(--ink-2)}.trust li{display:flex;align-items:center;gap:var(--s-1)}.trust .icon{width:16px;height:16px;color:var(--green)}
.checks{list-style:none;padding:0;margin:var(--s-4) 0 0;display:grid;gap:var(--s-2);font-size:var(--fs-md);color:var(--ink-2)}.checks li{display:flex;gap:var(--s-2);align-items:flex-start}.checks .icon{width:18px;height:18px;color:var(--green);margin-top:5px}
.aud{display:flex;flex-direction:column}.aud h3{margin-top:var(--s-4)}.aud .more{margin-top:auto;padding-top:var(--s-5);font:var(--w-bold) var(--fs-sm)/var(--lh-tight) var(--font);display:inline-flex;align-items:center;gap:var(--s-1)}.aud .more .icon{width:16px;height:16px}
.plan-mini{display:flex;flex-direction:column;gap:var(--s-2)}.plan-mini h3{display:flex;align-items:baseline;gap:var(--s-3)}.price-sm{font-size:var(--t-card);color:var(--ink)}.price-sm small{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--w-regular)}.plan-mini .button{margin-top:var(--s-4);align-self:flex-start}
.faq-list{max-width:820px}
.sticky-cta{display:none}
@media(max-width:960px){.duo-a{margin-right:0}.duo-b{position:relative;width:auto;margin-top:var(--s-6)}.duo{padding-bottom:0}}
@media(max-width:600px){.sticky-cta.show{display:block}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:6;padding:var(--s-3) var(--s-4);background:#ffffffee;border-top:1px solid var(--line);backdrop-filter:blur(8px)}.sticky-cta .button{width:100%}body:has(.sticky-cta){padding-bottom:72px}}
@media(max-width:600px){.flow-img-wrap img,.band .photo[src*='flow']{display:none}.hero-form .button{width:100%}}
/* production: Turnstile container (interaction-only widget joins the tool row only when shown), entitlement notes */
.tool .ts{display:contents}.captcha:not(.ok){color:var(--muted)}
.ent-note{display:block;font:var(--w-regular) var(--fs-xs)/var(--lh-ui) var(--font);color:var(--muted)}