/* Scoped layouts only. All brand colours, fonts, buttons and shared components inherit Omnixco. */
.sq-page{--sq-gap:var(--sp-6)}
.sq-page .sq-hero{padding-top:calc(var(--nav-h) + var(--sp-12))}
.sq-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--sp-12);align-items:center}
.sq-hero .h-xl{font-size:clamp(2.4rem,4.6vw,4.1rem);line-height:1.08;margin-bottom:var(--sp-6)}
.sq-hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.sq-intro-note{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--pink-t);margin-top:var(--sp-6)}
.sq-small{font-size:var(--fs-s);color:var(--text-2)}
.sq-demo{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden;min-width:0}
.sq-demo-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--dark);color:var(--on-dark);padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);flex-wrap:wrap}
.sq-file-dot{width:8px;height:8px;background:var(--pink-l);border-radius:var(--r-dot)}
.sq-demo-label{margin-left:auto;color:var(--pink-l)}
.sq-demo-body{padding:var(--sp-6)}
.sq-demo-title{display:flex;gap:var(--sp-3);align-items:start;justify-content:space-between}
.sq-demo-title h3{margin:var(--sp-2) 0;font-size:var(--fs-xl)}
.sq-demo-title .eyebrow{font-size:var(--fs-2xs)}
.sq-status{white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);border:1px solid var(--line);border-radius:var(--r)}
.sq-progress{height:3px;background:var(--bg-alt);margin:var(--sp-4) 0;overflow:hidden}
.sq-progress span{display:block;width:14.2857%;height:100%;background:var(--pink-t);transition:width .45s var(--ease-out)}
.sq-demo-body>p{font-size:var(--fs-s)}
.sq-document-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0}
.sq-document-list span{background:var(--bg);padding:var(--sp-1) var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-2xs);overflow-wrap:anywhere}
.sq-question-list{display:grid;gap:var(--sp-3)}
.sq-question{padding:var(--sp-4);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--r);background:var(--surface);animation:sq-appear .35s var(--ease-out)}
.sq-question[data-state="evidence"]{border-left-color:var(--pink-t)}
.sq-question[data-state="gap"]{border-left-color:var(--text);background:var(--bg)}
.sq-question-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}
.sq-question-top .eyebrow{font-size:var(--fs-2xs);margin:0}
.sq-badge{font-size:var(--fs-2xs);font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--line);padding:2px 6px;border-radius:var(--r)}
.sq-question h4{font-size:var(--fs-s);margin:var(--sp-2) 0;font-weight:600;line-height:1.4}
.sq-question p{font-size:var(--fs-s);margin:0;color:var(--text-2)}
.sq-question .sq-source{display:block;color:var(--pink-t);font-size:var(--fs-xs);margin-top:var(--sp-2)}
.sq-stage-note{padding:var(--sp-3);background:var(--bg);border-radius:var(--r);line-height:1.5}
.sq-demo-controls{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.sq-demo-controls .btn{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);min-height:44px}
.sq-evidence{margin-top:var(--sp-4);font-size:var(--fs-s)}
.sq-evidence summary,.sq-faq summary{cursor:pointer;font-weight:600}
.sq-evidence p{font-size:var(--fs-s)}
.sq-stages{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--bg)}
.sq-stages button{background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:inherit;font-size:var(--fs-xs);color:var(--text-2);padding:var(--sp-3) var(--sp-2);cursor:pointer;min-height:54px;line-height:1.3}
.sq-stages button span{display:block;font-family:var(--font-mono);font-size:var(--fs-2xs);margin-bottom:var(--sp-1)}
.sq-stages button[aria-pressed="true"]{background:var(--dark);color:var(--on-dark)}
.sq-stages button:hover{box-shadow:inset 0 -3px var(--pink-t)}
.sq-page :focus-visible{outline:2px solid var(--pink-t);outline-offset:4px}
.sq-section-head{max-width:760px;margin-bottom:var(--sp-8)}
.sq-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.sq-value{border-top:2px solid var(--pink-t);padding-top:var(--sp-5)}
.sq-value h3{font-size:var(--fs-xl)}
.sq-value p,.sq-service-card p{color:var(--text-2)}
.sq-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.sq-service-card{transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);min-width:0}
.sq-service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.sq-service-card h3{font-size:var(--fs-xl);line-height:1.35;margin-top:var(--sp-4)}
.sq-page .track{max-width:880px}
.sq-price-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12);padding:var(--sp-10);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}
.sq-price-panel ul{padding-left:var(--sp-5)}
.sq-price-panel li{padding-bottom:var(--sp-2)}
.sq-price-panel p{color:var(--text-2)}
.sq-faq{max-width:900px}
.sq-faq details{padding:var(--sp-6) 0;border-bottom:1px solid var(--line)}
.sq-faq summary{font-size:var(--fs-l)}
.sq-faq details p{margin-top:var(--sp-4);max-width:80ch;color:var(--text-2)}
.sq-page .field input,.sq-page .field select,.sq-page .field textarea{width:100%;min-width:0}
.sq-page .field-row{min-width:0}
.sq-page .book-wrap>*{min-width:0}
.sq-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
.sq-catalogue-card{display:block;text-decoration:none;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.sq-catalogue-card h2{font-size:var(--fs-2xl);line-height:1.25}
.sq-catalogue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.sq-link{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--pink-t)}
.sq-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes sq-appear{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Preserve the existing mobile navigation with one extra destination. */
@media(min-width:881px) and (max-width:1200px){.nav-links{gap:var(--sp-4)}}
@media(max-width:1100px){.sq-hero-grid{grid-template-columns:1fr;gap:var(--sp-8)}.sq-hero-grid>div:first-child{max-width:760px}.sq-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-demo{max-width:800px}}
@media(max-width:640px){.sq-page .sq-hero{padding-top:calc(var(--nav-h) + var(--sp-8))}.sq-hero .h-xl{font-size:2.5rem}.sq-value-grid,.sq-service-grid,.sq-catalogue,.sq-price-panel{grid-template-columns:1fr}.sq-price-panel{padding:var(--sp-5);gap:var(--sp-5)}.sq-demo-body{padding:var(--sp-4)}.sq-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-demo-label{margin-left:0}.sq-demo-title h3{font-size:var(--fs-l)}.sq-demo-controls{gap:var(--sp-2)}.sq-demo-controls .btn{padding:var(--sp-3)}.sq-hero .hero-actions .btn{width:100%;text-align:center}.sq-page .field-row{grid-template-columns:1fr}.sq-page .field{min-width:0}.sq-faq summary{font-size:var(--fs-m)}.sq-document-list{gap:var(--sp-1)}.sq-question{padding:var(--sp-3)}.sq-question-top{align-items:start}.sq-page .book-wrap{gap:var(--sp-6)}}
@media(prefers-reduced-motion:reduce){.sq-page *, .sq-page *::before, .sq-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}