/* Bright editorial palette: orange accents, luminous images, readable ink. */
:root{--ink:#242a30;--paper:#fff;--orange:#e96f25;--copper:#ad4c17;--line:#25334022;--muted:#626970}
body{background:#fff;color:var(--ink)}
header{background:#ffffffed}
.brand-icon{color:#fff;background:#f08038}
em{color:#c85214}
.eyebrow{color:#a84617}
.hero{background:linear-gradient(120deg,#fff 50%,#fff8ef)}
.hero-art img{mix-blend-mode:multiply;border-radius:25px}
.hero-art figcaption{color:#616870}
.lead{color:#58616b}
.button{color:#20252a;background:#ff944d}
.topic-strip{background:#fbfaf7;color:#58616b}
.light{background:#f7f8f8}
.light .eyebrow{color:#a84617}
.light p:not(.eyebrow){color:#58616b}
.card{background:#fff;border-color:#dde1e3}
.card-top{color:#657078}
.card:hover{box-shadow:0 12px 30px #b5783110}
.story{background:#fff}
.outcome{background:#fff8f0;border-color:#efd6c2}
.outcome span,.step-number{color:#a84617}
.workflow li{border-color:#e1c4ad}
.closing{background:linear-gradient(115deg,#fff1df,#fff9f2 60%,#fff);border-color:#ecdac8}
footer{background:#f6f7f7}
footer .brand,footer b{color:var(--ink)}
input,select,textarea{background:#fff;border-color:#bfc6ca}
.button.dark{background:#27323b}
.menu{color:var(--ink)}
.hero{gap:32px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero-copy{min-width:0}
.hero-art{margin-left:0}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:0}}
/* Compact application panels with individual workflow imagery. */
.app-grid{gap:16px}
.app-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:14px;align-items:stretch;border-radius:10px}
.app-thumbnail{display:block;overflow:hidden;border-radius:7px;min-height:142px;background:#102438}
.app-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.app-card:hover .app-thumbnail img{transform:scale(1.035)}
.app-card-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.app-category{font-size:9px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#687078;margin:1px 0 8px}
.app-card h3{font-size:20px;line-height:1.2;letter-spacing:-.035em;width:100%;margin:0 0 9px}
.app-card h3 a{align-items:center;gap:8px}
.app-card h3 a span{font-size:17px}
.app-card p{font-size:12px;line-height:1.5;min-height:0;margin:0 0 12px}
.app-card .text-link{font-size:11px;gap:12px;padding-bottom:3px;margin-top:auto}
@media(max-width:720px){.app-card{grid-template-columns:100px minmax(0,1fr);gap:15px}.app-thumbnail{min-height:130px}.app-card h3{font-size:21px}}
@media(max-width:360px){.app-card{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px}}
/* Official supplied QBotix artwork replaces the typed wordmark. */
.brand-logo{display:block;width:174px;height:auto}
header{padding-top:13px;padding-bottom:13px}
footer .brand-logo{width:205px}
@media(max-width:720px){.brand-logo{width:148px}footer .brand-logo{width:185px}}