@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;800&display=swap");
/* v18: square buttons site-wide, LP type scale matched to blog, LP CTA system */
.btn,.ri-button,.nf-btn,.ev-read,.fx-btn,.ri-btn,.ri-cta,
.chips button,.chipset button,.chart .ctl button,.reader-controls button,.share-tools button,.share-tools a{border-radius:7px!important}
.retail-page .ri-button,.nf-btn,.ev-read{border-radius:7px!important}
/* LP type scale: display h1/h2, serif semibold h3, mono labels - same roles as blog */
.retail-page .ri-hero h1,.offering h1{font-size:clamp(2.6rem,4.2vw,3.6rem)!important;line-height:1.02;margin:.5rem 0 1rem}
.retail-page .ri-section h2,.retail-page .ri-comparison h2,.offering h2{font-size:clamp(1.9rem,2.6vw,2.4rem)!important;line-height:1.05;margin:.4rem 0 1.2rem}
.retail-page .ri-close h2{font-size:clamp(2rem,2.8vw,2.6rem)!important;margin:.4rem 0 .8rem}
.retail-page .ri-hero p{font-size:1.15rem;line-height:1.5;max-width:34rem}
.retail-page .ri-section p,.retail-page .ri-cards p,.retail-page .ri-steps p,.retail-page .ri-feature p{font-size:1.02rem;line-height:1.55}
.retail-page .ri-cards h3,.retail-page .ri-steps h3,.retail-page .ri-feature h3,.retail-page .ri-section h3,.offering h3{font-family:var(--serif)!important;font-weight:700;font-size:1.12rem!important;line-height:1.25;letter-spacing:0}
.retail-page .ri-steps article>span,.retail-page .ri-cards .ri-n{font-family:var(--mono)}
/* hero CTA row */
.retail-page .ri-hero .ri-button{margin-top:1.6rem}
.retail-page .ri-textlink{display:inline-block;margin:1.6rem 0 0 1.4rem;font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:2px;text-decoration:none;vertical-align:middle}
.retail-page .ri-textlink::after{content:" \2193"}
.retail-page .ri-close .ri-close-link{display:inline-block;font:13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--stamp,#8b0000);padding-bottom:3px;text-decoration:none}
.retail-page .ri-close .ri-close-link:hover{color:var(--stamp,#8b0000)}
.retail-page .ri-close .ri-close-alt{margin-top:1.4rem}
@media(max-width:600px){.retail-page .ri-textlink{margin-left:0;display:block;margin-top:1rem}.retail-page .ri-hero h1,.offering h1{font-size:2.5rem!important}}
.sb-fig{margin:1.5rem 0;border:1px solid #c9bda3;background:#f4f1e6}.sb-fig svg{display:block;width:100%;height:auto}
.retail-page .ri-hero h1,.offering h1,.retail-page .ri-section h2{text-wrap:balance}.sb-fig{overflow-x:auto}.sb-fig svg{min-width:640px}
.chips a,.zoomctl button,.bc,.rerun,.sr-form button,.share-tools a,.share-tools button{border-radius:7px!important}
.retail-page .ri-close .ri-button svg{display:none}
.retail-page .ri-close .ri-button{margin-top:.4rem}
.ri-photo figcaption{display:grid!important;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:baseline;padding:12px 16px!important;text-transform:none!important;letter-spacing:0!important;background:#f8f4ea}
.ri-photo figcaption b{font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stamp,#8b0000)}
.ri-photo figcaption span{font:italic 1.02rem/1.3 var(--serif);color:#2b2620}
.ri-photo figcaption i{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a7f6d;font-style:normal}
@media(max-width:600px){.ri-photo figcaption{grid-template-columns:auto 1fr}.ri-photo figcaption i{display:none}}
.retail-page h1 em,.retail-page h1 i,.retail-page h1 span{font-style:normal!important;color:inherit!important;transform:none!important;display:inline!important}
@media(min-width:900px){.cards:has(a[href*="solutions/chat2shop"]){grid-template-columns:repeat(2,minmax(0,24rem))!important;justify-content:center;gap:1.6rem}}

/* subscribe rail: keep original right-side position; pull it in slightly so it clears the viewport edge at 1421-1599 (13" laptops) */
@media (min-width:1421px) and (max-width:1599px){
.pw .sub-rail{width:14rem;margin-right:-16.5rem}
}
/* ===== banner-studio variation C: blend ===== */
body.offering:has(.c-shell){--g:"Inter Tight","Helvetica Neue",Arial,sans-serif}
body.offering:has(.c-shell){--bs-ink:#151515;--bs-ivory:#faf7ef;--bs-oat:#e8dfc7;--bs-tan:#d2b48c;--bs-red:#8b0000;--bs-mut:#6e6151}
body.offering:has(.c-shell) .wrap{max-width:1240px}
/* type ladder: display only large, Garamond carries the voice, mono labels */
body.offering:has(.c-shell) h2{font-family:var(--g)!important;font-weight:600!important;letter-spacing:-.035em;word-spacing:0}
body.offering:has(.c-shell) h1,body.offering:has(.c-shell) h2{word-spacing:-.06em;font-family:"ITWeralionis","EB Garamond",Georgia,serif!important;font-weight:400!important;font-style:normal;letter-spacing:-.012em;text-wrap:balance}
body.offering:has(.c-shell) .ri-hero h1{font-size:clamp(3.4rem,7.4vw,6.6rem)!important;line-height:.94;margin:.9rem 0 1.6rem}
body.offering:has(.c-shell) .ri-section h2{font-size:clamp(2.5rem,4.6vw,4rem)!important;line-height:1;margin:.8rem 0 2.4rem;max-width:16ch}
body.offering:has(.c-shell) h3,body.offering:has(.c-shell) .ri-feature>div:first-child>h3,body.offering:has(.c-shell) .ri-steps h3,body.offering:has(.c-shell) .ri-cards h3,body.offering:has(.c-shell) .ri-section h3{font-family:"EB Garamond",Georgia,serif!important;font-weight:500!important;font-style:italic;font-size:clamp(1.6rem,2.2vw,2.1rem)!important;line-height:1.12;letter-spacing:-.01em}
body.offering:has(.c-shell) .eyebrow{font-family:var(--mono);font-size:11px!important;letter-spacing:.14em;color:var(--bs-red)!important}
body.offering:has(.c-shell) .ri-hero>div>p,body.offering:has(.c-shell) .ri-section>p{font-size:1.32rem;line-height:1.55;max-width:34em;color:#2b2620}
/* sections: no hairlines, generous air, soft tonal bands */
body.offering:has(.c-shell) .ri-section{position:relative;border:0!important;padding:5rem 0 4.5rem!important;margin:0!important}
body.offering:has(.c-shell) .ri-hero{padding:3.5rem 0 4.5rem!important;align-items:center;gap:4rem;grid-template-columns:1fr 1.12fr}
body.offering:has(.c-shell) .ri-section::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;pointer-events:none}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(3)::before{background:linear-gradient(180deg,rgba(236,230,211,0) 0,var(--bs-oat) 14%,var(--bs-oat) 86%,rgba(236,230,211,0) 100%)}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6)::before{background:linear-gradient(180deg,rgba(21,21,21,0) 0,#151515 9%,#151515 100%)}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6){color:#f4f1e6;padding-top:7rem!important}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) h2,body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6)>p{color:#f4f1e6}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) .eyebrow{color:var(--bs-tan)!important}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) .source-note{color:#a89879}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) .ev-file,body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) .ev-claims>div{color:#151515}
body.offering:has(.c-shell) .ri-close{text-align:left;padding:7rem 0 6.5rem!important}
body.offering:has(.c-shell) .ri-close::before{background:linear-gradient(180deg,#151515 0,var(--bs-tan) 20%,var(--bs-tan) 80%,#f3f0e4 100%)!important}
body.offering:has(.c-shell) .ri-close h2{font-size:clamp(3.2rem,8vw,7.4rem)!important;line-height:.92;max-width:11ch;color:#151515}
body.offering:has(.c-shell) .ri-close>p{color:#2b2620;font-size:1.35rem}
body.offering:has(.c-shell) .ri-close .eyebrow{color:#151515!important}
body.offering:has(.c-shell) .ri-close .ri-button{background:#151515;color:#f4f1e6;font-size:13px;padding:1.1rem 1.8rem}
body.offering:has(.c-shell) .ri-close-alt,body.offering:has(.c-shell) .ri-close-alt a{color:#2b2620}
/* hero art: taped print, tilted */
body.offering:has(.c-shell) .ri-photo{transform:rotate(1.4deg);box-shadow:0 30px 60px -28px rgba(60,40,20,.5),0 2px 0 rgba(60,40,20,.12);border-radius:3px;position:relative}
body.offering:has(.c-shell) .ri-photo::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:rgba(210,180,140,.7);transform:rotate(-2deg);z-index:2}
body.offering:has(.c-shell) .ri-hero .ri-button{font-size:13px;padding:1.1rem 1.8rem}
/* problem: editorial rows, not boxes */
body.offering:has(.c-shell) .ri-cards{display:block!important;border-top:1px solid #151515;counter-reset:bsr}
body.offering:has(.c-shell) .ri-cards article{display:grid!important;grid-template-columns:5rem 1fr 1.25fr;gap:2rem;align-items:baseline;border:0!important;border-bottom:1px solid #c9bda3!important;background:none!important;box-shadow:none!important;padding:2.2rem 0!important;counter-increment:bsr}
body.offering:has(.c-shell) .ri-cards article::before{content:"0" counter(bsr);font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--bs-red)}
body.offering:has(.c-shell) .ri-cards article h3{margin:0!important;font-size:clamp(1.9rem,3vw,2.7rem)!important}
body.offering:has(.c-shell) .ri-cards article p{margin:0!important;font-size:1.22rem!important;line-height:1.55;color:#2b2620}
/* steps: open columns on a red thread */
body.offering:has(.c-shell) .ri-steps{display:grid!important;grid-template-columns:repeat(4,1fr);gap:2.4rem!important;position:relative;margin-bottom:4rem}
body.offering:has(.c-shell) .ri-steps::before{content:"";position:absolute;left:0;right:0;top:.55rem;border-top:2px dotted var(--bs-red);z-index:0}
body.offering:has(.c-shell) .ri-steps article{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;position:relative}
body.offering:has(.c-shell) .ri-steps article>span{display:inline-block;background:var(--bs-oat);padding:0 .7rem 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--bs-red);position:relative;z-index:1}
body.offering:has(.c-shell) .ri-steps article h3{margin:1.4rem 0 .5rem!important;font-size:2.2rem!important}
body.offering:has(.c-shell) .ri-steps article p{font-size:1.15rem!important;line-height:1.5}
body.offering:has(.c-shell) .sb-fig{background:none;box-shadow:0 30px 60px -34px rgba(60,40,20,.45);border-radius:3px}
/* features: copy + pinned specimen */
body.offering:has(.c-shell) .ri-feature{align-items:center;gap:5rem;margin:0 0 5.5rem!important}
body.offering:has(.c-shell) .ri-feature>div:first-child h3{font-size:clamp(2rem,3.2vw,2.9rem)!important;margin-bottom:1rem!important}
body.offering:has(.c-shell) .ri-feature>div:first-child p{font-size:1.25rem!important;line-height:1.55;max-width:30em}
body.offering:has(.c-shell) .ri-native{position:relative;background:var(--bs-ivory)!important;border:1px solid #d9cfb6!important;border-radius:3px!important;box-shadow:0 26px 50px -30px rgba(60,40,20,.5);transform:rotate(-.9deg);padding:2rem!important}
body.offering:has(.c-shell) .ri-feature.reverse .ri-native,body.offering:has(.c-shell) .ri-feature:nth-of-type(even) .ri-native{transform:rotate(.8deg)}
body.offering:has(.c-shell) .ri-native::before{content:"";position:absolute;top:-9px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--bs-red);box-shadow:0 3px 4px rgba(0,0,0,.3)}
/* placements: open specimen row */
body.offering:has(.c-shell) .placement-grid{gap:1.2rem!important}
body.offering:has(.c-shell) .placement-grid>div{background:var(--bs-ivory)!important;border:1px solid #d9cfb6!important;border-radius:3px;box-shadow:0 14px 30px -22px rgba(60,40,20,.5)}
body.offering:has(.c-shell) .offering-cross{margin:0!important;padding:3rem 0 4rem;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:820px){
body.offering:has(.c-shell) .ri-hero{grid-template-columns:1fr;gap:2.4rem;padding:2.5rem 0 4rem!important}
body.offering:has(.c-shell) .ri-hero h1{font-size:3.4rem!important}
body.offering:has(.c-shell) .ri-section{padding:3.5rem 0 3rem!important}
body.offering:has(.c-shell) .ri-cards article{grid-template-columns:1fr;gap:.6rem;padding:1.6rem 0!important}
body.offering:has(.c-shell) .ri-steps{grid-template-columns:1fr 1fr;gap:2rem 1.4rem}
body.offering:has(.c-shell) .ri-steps::before{display:none}
body.offering:has(.c-shell) .ri-feature{gap:2.2rem;margin-bottom:3.5rem!important}
body.offering:has(.c-shell) .ri-close h2{font-size:3.6rem!important}
body.offering:has(.c-shell) .ri-photo{transform:rotate(.8deg)}
}

body.offering:has(.c-shell) .ri-close-alt,body.offering:has(.c-shell) .ri-close-alt a{font:1.15rem/1.4 "EB Garamond",Georgia,serif!important}
body.offering:has(.c-shell) .wrap{isolation:isolate}
body.offering:has(.c-shell) .ri-close{background:none!important;border:0!important;box-shadow:none!important}
body.offering:has(.c-shell) .ri-close h2{word-spacing:-.14em}

body.offering:has(.c-shell) .ri-section h2,body.offering:has(.c-shell) .ri-close h2{font-family:var(--g)!important;font-weight:600!important;letter-spacing:-.035em;word-spacing:0!important}
body.offering:has(.c-shell) .ri-section h2{font-size:clamp(2.3rem,4.2vw,3.5rem)!important}
body.offering:has(.c-shell) .ri-close h2{font-size:clamp(3rem,7vw,6.2rem)!important;line-height:.95;max-width:12ch}
body.offering:has(.c-shell) h3,body.offering:has(.c-shell) .ri-section h3{font-style:italic!important;font-weight:400!important}
body.offering:has(.c-shell) .ri-button{border-radius:999px!important}
body.offering:has(.c-shell) .ri-steps article>span{background:none;padding:0}
body.offering:has(.c-shell) .ri-steps::before{border-top:2px dashed var(--bs-red);opacity:.7}
body.offering:has(.c-shell) .ri-steps article::before{content:"";position:absolute;left:0;top:-.15rem;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e98a7e,#c74335 60%,#7d1f17);box-shadow:1px 3px 3px rgba(40,25,5,.4)}
body.offering:has(.c-shell) .ri-steps article>span{display:block;padding-top:1.6rem}
body.offering:has(.c-shell) .sb-fig,body.offering:has(.c-shell) .ev-file{position:relative}
body.offering:has(.c-shell) .sb-fig::before,body.offering:has(.c-shell) .ev-file::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;background:rgba(226,208,160,.84);box-shadow:0 1px 2px rgba(60,40,10,.2);transform:rotate(-2.5deg);z-index:2}
body.offering:has(.c-shell) .ev-file{border-radius:3px}
body.offering:has(.c-shell) .placement-grid>div{position:relative}
body.offering:has(.c-shell) .placement-grid>div::before{content:"";position:absolute;top:-7px;left:18px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9c9c4 40%,#7d7d78);box-shadow:1px 3px 3px rgba(40,25,5,.4)}
/* image shells */
body.offering:has(.c-shell) .c-shell{position:relative;margin:3rem 0 0;aspect-ratio:21/9;display:grid;place-content:center;gap:.5rem;text-align:center;padding:1.5rem;background:repeating-linear-gradient(135deg,#efe8d4 0 14px,#eae2ca 14px 28px);border:1.5px dashed #a08f6c;border-radius:3px;box-shadow:0 26px 50px -34px rgba(60,40,20,.5);font-family:var(--mono);color:#4a4132}
body.offering:has(.c-shell) .c-shell::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;background:rgba(226,208,160,.84);transform:rotate(-2deg)}
body.offering:has(.c-shell) .c-shell b{font-weight:400;font-size:12px;letter-spacing:.16em;color:var(--bs-red)}
body.offering:has(.c-shell) .c-shell strong{font:italic 400 1.7rem/1.1 "EB Garamond",Georgia,serif;color:#151515}
body.offering:has(.c-shell) .c-shell small{font-size:11px;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}
@media(max-width:820px){body.offering:has(.c-shell) .c-shell{aspect-ratio:1/1;margin-top:2.6rem}body.offering:has(.c-shell) .c-shell strong{font-size:1.35rem}}
@media(min-width:821px) and (max-width:1100px){body.offering:has(.c-shell) .c-shell{aspect-ratio:16/9}}

body.offering:has(.c-shell) .c-hero{margin:0;aspect-ratio:4/3;width:100%;align-self:stretch;max-height:560px}
body.offering:has(.c-shell) .c-hero::before{margin-left:-55px}
@media(min-width:821px){body.offering:has(.c-shell) .ri-hero{grid-template-columns:1.1fr 1fr}body.offering:has(.c-shell) .ri-hero h1{font-size:clamp(3.2rem,5.6vw,5rem)!important}}
body.offering:has(.c-shell) .source-note{max-width:none!important;margin:2.5rem 0 0!important;padding-top:1.2rem;border-top:1px solid #c9bda3;font:12px/1.6 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:#5b5346}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6) .source-note{border-color:#3a362e;color:#a89879}
body.offering:has(.c-shell) .ev-file::before{left:55%;width:80px;margin-left:0}
@media(max-width:820px){body.offering:has(.c-shell) .c-hero{aspect-ratio:1/1;max-height:none}}
@media(max-width:820px){body.offering:has(.c-shell) .ri-hero{grid-template-columns:1fr!important}}
/* phone nav: one compact row instead of a two-row 85px grid that covers page titles */
@media(max-width:600px){.nav{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important;width:calc(100vw - 16px)!important;border-radius:999px!important;padding:3px!important}.nav>a,.nav>a:last-child:not([aria-current]){flex:0 1 auto;min-height:32px;font-size:10px!important;letter-spacing:.03em!important;padding:4px 7px!important;border-radius:999px!important;white-space:nowrap}}
@media(max-width:374px){.nav>a,.nav>a:last-child:not([aria-current]){font-size:9px!important;padding:4px 5px!important;letter-spacing:.01em!important}}
/* phone gutters on landing/product pages: one 20px margin instead of 28px + 19px stacked */
@media(max-width:600px){html body.board-page.board-page main .wrap,html body.offering.offering main .wrap{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:20px!important;padding-right:20px!important}html body .hdr .nav>a,html body .hdr .nav>a:last-child:not([aria-current]){font-size:10px!important}}
@media(max-width:374px){html body .hdr .nav>a,html body .hdr .nav>a:last-child:not([aria-current]){font-size:9px!important}}
@media(max-width:374px){html body .ri-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html body[data-pass][data-pass][data-pass][data-pass][data-pass] main .wrap .ri-steps article h3,html body.board-page.board-page.board-page main .wrap .ri-steps article h3{font-size:1.5rem!important}}
/* phone: landing pages had an older 9px nav rule; keep every nav link the same size, and give the workflow diagram's pins room inside the screen edge */
@media(max-width:600px){html body[data-pass][data-pass][data-pass][data-pass][data-pass] .hdr .nav>a,html body.board-page.board-page.board-page .hdr .nav>a{font-size:10px!important;letter-spacing:.03em!important}html body[data-pass][data-pass][data-pass][data-pass][data-pass] main .wrap .offering-system,html body.board-page.board-page.board-page main .wrap .offering-system{padding-left:14px!important}}
@media(max-width:374px){html body[data-pass][data-pass][data-pass][data-pass][data-pass] .hdr .nav>a,html body.board-page.board-page.board-page .hdr .nav>a{font-size:9px!important;letter-spacing:.01em!important;padding:4px 5px!important}}
@media(max-width:600px){html body[data-pass][data-pass][data-pass][data-pass][data-pass] .hdr .nav,html body.board-page.board-page.board-page .hdr .nav{flex-wrap:nowrap!important}}
@media(max-width:374px){html body[data-pass][data-pass][data-pass][data-pass][data-pass] .hdr .nav>a,html body.board-page.board-page.board-page .hdr .nav>a,html body .hdr .nav>a{padding:4px 4px!important;letter-spacing:0!important}}
/* phone: hero spacing was sized for the old two-row nav; label now sits ~32px under the nav */
@media(max-width:600px){html body[data-pass][data-pass][data-pass][data-pass][data-pass] main>.wrap,html body.board-page.board-page.board-page main>.wrap{padding-top:24px!important}html body[data-pass][data-pass][data-pass][data-pass][data-pass] main .wrap>.ri-hero,html body.board-page.board-page.board-page main .wrap>.ri-hero{padding-top:16px!important}}
/* homepage panel links: the site's red underline */
body.is-home .hc a{text-decoration:underline;text-decoration-color:#c74335;text-decoration-thickness:1px;text-underline-offset:4px}
body.is-home .hc a:hover{color:#c74335}