/* Seer product stories: white product canvases on a quiet, branded surround. */
:root{--seer-brand-orange:#fb4c13;--seer-brand-text:#b93306;--seer-story-mat:#f1f0ee}
.seer-brand-v15{display:inline-flex!important;align-items:center;gap:8px!important;width:auto!important;height:36px!important;padding:0!important;color:#171717!important;flex-shrink:0}
.seer-brand-v15 img{display:block;width:31px!important;height:31px!important;object-fit:contain;filter:none!important}
.seer-brand-v15>span{font-size:20px;letter-spacing:.04em;line-height:1;font-weight:500}
.clarity-footer .seer-brand-v15 img{width:35px!important;height:35px!important}
.sm-section{display:grid;grid-template-columns:minmax(235px,.82fr) minmax(0,1.66fr);gap:52px;align-items:center;max-width:1280px;margin:0 auto;padding:0 40px}
.sm-section .sm-heading{display:block;padding:0 0 0 10px;margin:0;max-width:340px}
:is(#homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise) .sm-heading h2{font-size:clamp(28px,2.7vw,36px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:500!important;max-width:340px!important;text-wrap:balance}
:is(#homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise) .sm-heading p{font-size:16px!important;line-height:1.65!important;color:#656565!important;margin-top:22px!important;max-width:330px!important;text-wrap:pretty}
.sm-explore{display:inline-flex;align-items:center;gap:14px;font-size:14px;color:#222!important;margin-top:26px;text-decoration:none;padding:5px 0}
.sm-explore svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s ease-out}
.sm-explore:hover svg{transform:translateX(3px)}
.sm-section[data-scene=rules],.sm-section[data-scene=receipt]{grid-template-columns:minmax(0,1.66fr) minmax(235px,.82fr)}
.sm-section[data-scene=rules] .sm-heading,.sm-section[data-scene=receipt] .sm-heading{grid-column:2;grid-row:1;padding:0 14px 0 0}
.sm-section[data-scene=rules] .sm-stage,.sm-section[data-scene=receipt] .sm-stage{grid-column:1;grid-row:1}
.sm-stage{position:relative;min-width:0;padding:23px 20px 32px;background:var(--seer-story-mat);border-radius:3px;isolation:isolate;container-type:inline-size}
/* Stepped corners echo the supplied pixel silhouette; confined to the mat. */
.sm-stage:before,.sm-stage:after{content:"";position:absolute;z-index:-1;pointer-events:none;background:#e5e3e0;width:78px;height:78px;clip-path:polygon(40% 0,70% 0,70% 20%,100% 20%,100% 55%,75% 55%,75% 80%,45% 80%,45% 100%,0 100%,0 65%,20% 65%,20% 30%,40% 30%)}
.sm-stage:before{top:0;right:0;transform:rotate(180deg)}.sm-stage:after{bottom:0;left:0;opacity:.6}
.sm-window{position:relative;overflow:hidden;border:1px solid #d5d4d2;border-radius:12px;background:#fff;box-shadow:0 10px 28px -16px #29251d38}
.sm-windowbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;background:#fafaf9;border-bottom:1px solid #e9e8e6;color:#484744;font-size:12px}
.sm-app-identity{display:inline-flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.sm-app-identity img{width:23px;height:23px;object-fit:contain;flex-shrink:0}
.sm-paper-label{font-size:10px;color:#6a6967;white-space:nowrap;border:1px solid #e0dfdc;border-radius:4px;padding:3px 5px;line-height:1}
.sm-section .sm-frame,.sm-section[data-scene=decision] .sm-frame,.sm-section[data-scene=privacy] .sm-frame{display:block;height:auto!important;aspect-ratio:720/470;width:100%;border:0;background:white}
.sm-stage-note{position:absolute;bottom:10px;left:22px;font-size:10px;line-height:1.2;color:#76736e;letter-spacing:.01em}
#homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise{margin-top:86px!important;scroll-margin-top:100px}
#homepage-ai-marketer{margin-top:44px!important}
#homepage-cta{margin-top:110px!important}
@media(min-width:1400px){.sm-section{gap:68px}.sm-stage{padding:26px 24px 34px}}
@media(min-width:768px) and (max-width:1000px){.sm-section{gap:24px;padding:0 24px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}.sm-section[data-scene=rules],.sm-section[data-scene=receipt]{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)}.sm-stage{padding:13px 12px 29px}.sm-section .sm-frame,.sm-section[data-scene=decision] .sm-frame,.sm-section[data-scene=privacy] .sm-frame{aspect-ratio:350/430}.sm-windowbar{padding:0 9px;gap:6px}.sm-paper-label{font-size:9px}}
@media(max-width:767px){
 .seer-brand-v15{gap:6px!important}.seer-brand-v15 img{width:26px!important;height:26px!important}.seer-brand-v15>span{font-size:18px}
 .sm-section,.sm-section[data-scene=rules],.sm-section[data-scene=receipt]{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:0 16px}
 .sm-section .sm-heading,.sm-section[data-scene=rules] .sm-heading,.sm-section[data-scene=receipt] .sm-heading{padding:0 8px;max-width:480px}
 :is(#homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise) .sm-heading h2{font-size:29px!important;max-width:330px!important}
 :is(#homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise) .sm-heading p{font-size:14px!important;margin-top:13px!important;max-width:350px!important;line-height:1.6!important}
 .sm-explore{font-size:13px;margin-top:13px}.sm-stage{padding:12px 10px 29px;border-radius:3px}.sm-stage:before,.sm-stage:after{width:50px;height:50px}
 .sm-window{border-radius:9px}.sm-windowbar{height:37px;font-size:11px;padding:0 11px}.sm-app-identity{gap:7px}.sm-app-identity img{width:20px;height:20px}.sm-paper-label{font-size:9px}
 .sm-section .sm-frame,.sm-section[data-scene=decision] .sm-frame,.sm-section[data-scene=privacy] .sm-frame{aspect-ratio:350/430}
 .sm-stage-note{left:13px;bottom:10px;font-size:9px}
 #homepage-ai-marketer,#homepage-marketer-context,#homepage-customer-stories,#homepage-measure,#homepage-enterprise{margin-top:60px!important}
 #homepage-ai-marketer{margin-top:28px!important}#homepage-cta{margin-top:76px!important}
}
@media(prefers-reduced-motion:reduce){.sm-explore svg{transition:none}}
/* Match the inner app's breakpoint, including narrow desktop columns. */
.sm-section .sm-frame,.sm-section[data-scene=decision] .sm-frame,.sm-section[data-scene=privacy] .sm-frame{aspect-ratio:720/470}
@container(max-width:600px){.sm-section .sm-frame,.sm-section[data-scene=decision] .sm-frame,.sm-section[data-scene=privacy] .sm-frame{aspect-ratio:350/430}}