/* Compact introductions and a dependable, readable system font. */
body,h1,h2,h3,.brand,input,select,textarea,button{font-family:Arial,Helvetica,sans-serif}
body{font-size:16px;line-height:1.65;color:#252c33}
h1,h2,h3{letter-spacing:-.02em;font-weight:600}
h1{font-size:clamp(32px,3.3vw,46px);line-height:1.16;margin:12px 0 16px}
h2{font-size:clamp(27px,2.6vw,36px);line-height:1.22;margin-bottom:18px}
h3{line-height:1.3}
p{margin-bottom:18px}
nav a{font-size:15px}
header{padding-top:9px;padding-bottom:9px}
.brand-logo{width:158px}
.eyebrow{font-size:12px;letter-spacing:.08em;line-height:1.5;margin-bottom:12px}
.lead{font-size:17px;line-height:1.65;color:#48535d;margin-bottom:16px}
.hero{min-height:0;padding:28px 5%;gap:36px}
.hero h1{font-size:clamp(34px,3.4vw,48px)}
.hero-art{width:100%;max-width:440px;justify-self:end}
.hero-art figcaption{font-size:11px;letter-spacing:.04em;margin-top:8px}
.hero .actions{margin:18px 0 12px;gap:20px}
.hero-note{font-size:13px;line-height:1.5;margin:12px 0 0}
.button{padding:12px 20px;font-size:14px}
.topic-strip{padding:13px 5%;font-size:11px;letter-spacing:.05em}
.section{padding:44px 7%}
.section-heading{margin-bottom:24px}
.large-copy{font-size:21px;line-height:1.5}
.page-intro{padding:28px 7% 24px}
.page-intro h1{font-size:clamp(32px,3.1vw,44px);margin:8px 0 12px}
.page-intro .lead{margin-bottom:0;max-width:780px}
.solution-hero{padding:24px 7% 28px;gap:5%}
.solution-hero .breadcrumb{font-size:13px;margin-bottom:10px}
.solution-hero .eyebrow{margin-bottom:8px}
.solution-hero h1{font-size:clamp(32px,3vw,42px);margin:8px 0 12px}
.solution-hero h2{font-size:23px;line-height:1.3;margin-bottom:12px}
.solution-hero .lead{font-size:16px;margin-bottom:0}
.solution-hero .actions{margin:16px 0 0;gap:18px}
.solution-hero figure{max-width:410px;justify-self:end}
.solution-hero figcaption{font-size:12px;letter-spacing:0;margin-top:8px}
.workflow{margin:32px 0}
.workflow h3{font-size:21px;min-height:75px}
.app-category{font-size:11px;line-height:1.45;letter-spacing:.025em}
.app-card p{font-size:14px;line-height:1.5;color:#48535d}
.app-card h3{font-size:21px;letter-spacing:-.015em}
.app-card .text-link{font-size:13px}
.filters button,.tag{font-size:14px}
.filter-status{font-size:14px}
label{font-size:15px}
.muted{font-size:14px;color:#56616a}
.closing{padding:42px 7%}
footer{padding-top:40px;font-size:14px}
.legal h2{font-size:25px}
/* Real animated icon tiles sit above a clean Q sculpture image. */
.orbit-scene{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#071d2e;aspect-ratio:3/2}
.hero-art .orbit-scene>img{width:100%;height:100%;object-fit:cover;border-radius:0;mix-blend-mode:normal}
.orbit-tiles{position:absolute;inset:0;pointer-events:none}
.orbit-tile{position:absolute;display:grid;place-items:center;left:64%;top:45%;width:clamp(28px,3vw,43px);aspect-ratio:1;border:1px solid #c5eceae0;border-radius:7px;background:linear-gradient(145deg,#def7f1df,#468f9fc7);color:#f7ffff;box-shadow:0 3px 14px #0006,inset 0 0 12px #e8ffff4d;will-change:transform;backdrop-filter:blur(4px)}
.orbit-tile svg{width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.orbit-toggle{position:absolute;bottom:9px;right:9px;z-index:20;border:1px solid #ffffff66;border-radius:20px;background:#092335dd;color:#fff;padding:5px 10px;font-size:11px;cursor:pointer;line-height:1.4}
@media(min-width:1600px){.hero,.section,.solution-hero,.page-intro{padding-left:max(7%,calc((100vw - 1440px)/2));padding-right:max(7%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{min-height:0;gap:24px}.hero-art{max-width:360px}.section{padding:36px 6%}.solution-hero{gap:4%}.app-card{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:720px){
 header{padding:9px 6%}.brand-logo{width:142px}
 .hero{padding:20px 6%;gap:0}.hero h1{font-size:34px;margin:10px 0 14px}
 .hero .lead{font-size:16px;line-height:1.55}.hero .actions{gap:16px;margin:14px 0 10px}
 .hero .quiet{font-size:13px}.hero .button{padding:11px 15px}
 .hero-note{font-size:12px;margin-top:8px}
 .hero-art{margin-top:12px;max-width:210px;justify-self:center}
 .hero-note,.hero-art figcaption,.topic-strip{display:none}
 .hero-art .orbit-scene>img{max-height:none}
 .topic-strip{padding:10px 6%;gap:8px 16px;font-size:10px}
 .section{padding:30px 6%}.split{gap:18px}.section-heading{margin-bottom:20px}
 .page-intro{padding:20px 6%}.page-intro h1{font-size:32px}.page-intro .lead{font-size:16px}
 .solution-hero{padding:18px 6% 22px;gap:0}.solution-hero h1{font-size:32px}.solution-hero h2{font-size:21px}
 .solution-hero figure{margin-top:18px;max-width:240px;justify-self:center}.solution-hero figcaption{font-size:11px}
 .solution-hero .actions{margin-top:14px}
 .app-card{grid-template-columns:92px minmax(0,1fr);gap:14px}.app-card h3{font-size:20px}
 .closing{padding:32px 6%}.large-copy{font-size:19px}.story{gap:24px}
 .orbit-tile{width:29px}
}
@media(prefers-reduced-motion:reduce){.orbit-tile{will-change:auto}}

/* Public library entry to the existing authenticated publishing screen. */
.article-library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.article-library-heading h2{margin:0}.article-library-heading .quiet{font-size:14px;white-space:nowrap}