/* Authoritative Corenio brand guide, supplied 7 October 2026.
   Display 94/600; Title 40/700; Subtitle 20/500; Body 16/400.
   Fluid reductions apply only where the screen cannot fit desktop display text. */
:root{--blue:#2399EF;--indigo:#233B53;--ink:#1B1B1C;--muted:#1B1B1C;--light:#E1F3FF;--brand-sky:#2399EF;--brand-deep:#1A1F90;--white:#FFFFFF;--candy:#E1F3FF;--display-size:94px;--title-size:40px;--subtitle-size:20px;--body-size:16px}
body{font-family:"League Spartan",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--ink);background:var(--white)}
body h1{font-size:var(--display-size)!important;font-weight:600!important;line-height:1.04!important;letter-spacing:-.025em!important}
body h2{font-size:var(--title-size)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.02em!important}
body h3{font-size:var(--subtitle-size)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important}
body p,body li{font-size:var(--body-size)!important;font-weight:400;line-height:1.6}
body :is(input,select,textarea){font-family:"League Spartan",Arial,sans-serif;font-size:16px!important;font-weight:400}
body :is(button,.button){font-family:"League Spartan",Arial,sans-serif;font-weight:500;font-size:16px}
h1 span,h2 span{color:var(--blue);background:none;-webkit-text-fill-color:initial}.eyebrow,.panel-tag,.bento-label{color:var(--indigo);font-weight:600}.page-hero h1{max-width:1160px}.hero-copy>p,.page-hero p,.process-hero-grid>div>p{color:var(--ink);max-width:660px}.hero,.page-hero,.process-hero,.demo-layout{background:var(--white)}
.button{background:var(--blue);color:var(--ink);box-shadow:none;border:1px solid transparent}.button:hover{background:var(--indigo);color:var(--white);box-shadow:none}.button.white,.white,.closing-cta .white,.contact-route.featured .button{background:var(--white);color:var(--indigo)}.button.white:hover,.white:hover{background:var(--candy);color:var(--indigo)}.button.secondary,.email-button,.price-card:not(.price-featured) .button{background:var(--candy);color:var(--indigo);border-color:var(--candy)}.button.secondary:hover,.email-button:hover,.price-card:not(.price-featured) .button:hover{background:var(--blue);color:var(--ink)}.price-featured .button{background:var(--blue);color:var(--ink)}.price-featured .button:hover{background:var(--indigo);color:var(--white)}
:is(.hero-product,.blue-band,.bento-main,.contact,.closing-cta,.origin-mark,.tech-callout,.inventory-example,.picking-result,.rule-card,.contact-route.featured){background:var(--indigo);color:var(--white)}
:is(.hero-product,.blue-band,.bento-main,.contact,.closing-cta,.origin-mark,.tech-callout,.inventory-example,.picking-result,.rule-card,.contact-route.featured)>p,.contact-copy>p,.bento-main p,.contact-route.featured p,.picking-result>p,.rule-card p,.closing-cta p{color:var(--white)}
:is(.hero-product,.blue-band,.bento-main,.contact,.closing-cta,.origin-mark,.tech-callout,.inventory-example,.picking-result,.rule-card,.contact-route.featured) :is(.eyebrow,.panel-tag,.bento-label){color:var(--candy)}
.contact h2 span,.inventory-numbers>div:last-child strong{color:var(--white)}.hero-product .tour-heading p,.product-foot,.contact-human small,.inventory-example>p{color:var(--white)!important}.hero-product .badge{background:transparent;color:var(--white);border-color:var(--candy)}.tour-tabs button{color:var(--white)}.tour-tabs button[aria-selected=true]{background:var(--blue);color:var(--ink);border-color:var(--blue)}.tour-tabs button[aria-selected=true]:hover{background:var(--candy);color:var(--ink)}
:is(.module-panel,.brand-directory,.warehouse-explore,.inventory-explainer,.goal-result,.integration-section,.values-section,.api-detail,.process-example,.brand-visuals figure,.contact-route:not(.featured),.plan-helper,.catalog-controls,.menu-overview,.step-outcome,.return-steps article,.bento-team,.industry.featured,.price-featured){background:var(--candy)}
:is(.brand-module-grid>a,.process-card,.directory-card,.catalog-item,.brand-visuals figure,.price-card,.bento,.industry,.demo-card,.process-outline,.process-step,.api-scenarios article,.module-tech-grid article,.coverage-table,.contact-route,.integration-board){border-color:var(--candy)}
:is(.module-list button.active,.goal-options button[aria-pressed=true],.picking-options button[aria-pressed=true],.menu-processes>a:hover,.menu:hover,.flow-result,.order-icon,.demo-agenda>div>span,.tech-badges a,.module-tags span,.directory-card,.catalog-item,.integration-row span,.channel-pills span){background:var(--candy);color:var(--ink)}
:is(.flow-panel,.demo-card,.brand-module-grid>a,.process-outline,.nav-panel,.price-card,.contact-details){color:var(--ink)}
:is(.flow-panel,.demo-card,.brand-module-grid>a,.process-outline,.nav-panel,.price-card,.contact-details) p{color:var(--ink)}.flow-label,.flow-result b,.order-icon,.step-number,.step-label,.step-outcome>span,.step-outcome>p,.menu-processes b,.process-card-link,.textlink,.catalog-count,.table-hint,.form-note{color:var(--indigo)}
:is(.flow-panel .example-label,.order-line small,.flow-result small,.menu-processes span,.demo-card .form-note,.demo-card .demo-note,.demo-alt,.contact-hint,.price-footnote,.plan-desc,.compare td,.caption){color:var(--ink)}.tech-callout .textlink{color:var(--white)}
.compare thead th,.coverage-head{background:var(--candy);color:var(--ink)}.brand-module-grid img,.illustration-zoom{background:var(--white)}.brand-logo-tile{background:var(--white)}.brand-module-grid h3,.directory-card h3,.catalog-item h3,.demo-agenda h3{font-size:20px;font-weight:500}.price-card h2,.contact-route h2,.brand-visuals figcaption h2{font-size:40px!important}
.plan-price{color:var(--indigo);font-weight:600}.plan-price span{color:var(--ink);font-size:16px}.price-card li:before{color:var(--indigo)}.plan-ribbon{background:var(--indigo);color:var(--white)}.plan-helper output{color:var(--ink)}.process-step summary strong{font-size:20px;font-weight:500;line-height:1.3}.tech-word,.tech-display{color:var(--blue);font-weight:600}.footer-bottom,footer p,footer a{color:var(--ink)}
@media(min-width:1280px){.hero{grid-template-columns:1.3fr 1fr;gap:48px}.hero h1{max-width:760px}.demo-layout{grid-template-columns:1.2fr 1fr;gap:56px}.process-hero-grid{grid-template-columns:1.35fr 1fr;gap:50px}}
@media(min-width:1101px) and (max-width:1279px){:root{--display-size:72px}.hero{grid-template-columns:1.2fr 1fr;gap:32px}}
@media(min-width:761px) and (max-width:1100px){:root{--display-size:64px}.demo-layout{grid-template-columns:1fr;max-width:850px}.demo-intro h1{max-width:720px}}
@media(max-width:760px){:root{--display-size:clamp(40px,9vw,60px);--title-size:clamp(32px,7.5vw,40px)}.hero h1,.page-hero h1,.process-hero h1,.demo-intro h1{text-wrap:balance}.hero .checks{font-size:14px}.price-card h2,.contact-route h2,.brand-visuals figcaption h2{font-size:var(--title-size)!important}.demo-card h2{font-size:var(--title-size)!important}.process-step summary strong{font-size:20px}.closing-cta h2{font-size:var(--title-size)!important}}
@media(max-width:359px){:root{--display-size:36px;--title-size:32px}.hero h1{letter-spacing:-.03em!important}}

/* Supplied Corenio brand shapes: one small intro mark and one closing accent. */
.corenio-accent{display:flex;align-items:center;gap:12px}.page-hero>.corenio-accent{justify-content:center}.corenio-accent:before{content:"";display:block;flex:0 0 18px;width:18px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain}.accent-chevron:before{background-image:url("assets/brand/chevron-blue.png")}.accent-down:before{background-image:url("assets/brand/triangle-down-nightsky.png");width:25px;flex-basis:25px;height:12px}.accent-up:before{background-image:url("assets/brand/triangle-up-nightsky.png");width:25px;flex-basis:25px;height:12px}.accent-left:before{background-image:url("assets/brand/triangle-left-blue.png")}.hero .corenio-accent{justify-content:flex-start}.brand-negative{background:transparent;padding:0}.tiny-logo.brand-negative img{width:114px;height:auto}.closing-brand-logo{display:block;width:160px;height:auto;margin:0 0 30px}.corenio-closing-accent{position:relative;isolation:isolate}.corenio-closing-accent:after{content:"";position:absolute;right:18px;bottom:16px;width:24px;height:28px;background:url("assets/brand/triangle-left-blue.png") center/contain no-repeat;pointer-events:none;z-index:-1}@media(min-width:761px) and (max-width:1100px){.hero .corenio-accent{justify-content:center}}@media(max-width:760px){.corenio-accent{gap:10px}.corenio-accent:before{width:14px;flex-basis:14px;height:20px}.accent-down:before,.accent-up:before{width:20px;flex-basis:20px;height:10px}.corenio-closing-accent:after{display:none}.closing-brand-logo{width:140px;margin-bottom:24px}}