/* Visual hierarchy for public marketing and product pages. */
.visual-site header{min-height:76px;padding-top:10px;padding-bottom:10px;gap:20px}
.visual-site header .brand-logo,.visual-site header .partner-brand-logo{width:52px;height:52px;object-fit:contain}
.visual-site header .brand{font-size:21px;letter-spacing:-.6px}
.visual-site header nav{gap:24px;flex-wrap:nowrap}
.visual-site .nav-more{position:relative;font-size:14px;font-weight:600}
.visual-site .nav-more>summary{cursor:pointer;list-style:none;padding:10px 0}
.visual-site .nav-more>summary::after{content:'⌄';margin-left:8px}
.visual-site .nav-more>summary::-webkit-details-marker{display:none}
.visual-site .nav-more>div{position:absolute;right:0;top:100%;min-width:210px;padding:12px;background:#fffef8;border:1px solid #d9dfce;border-radius:12px;box-shadow:0 12px 35px #103e3220;z-index:12}
.visual-site .nav-more a{display:block;padding:10px 12px;white-space:nowrap}
.visual-site .hero,.visual-site .glance-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:center;padding:48px 0 54px}
.visual-site .hero>*,.visual-site .glance-hero>*{min-width:0;max-width:100%}
.visual-site h1{font-size:clamp(36px,4.4vw,60px);line-height:1.08;letter-spacing:-2px;max-width:660px;margin:0 0 18px}
.visual-site h1 em{color:#638044;font-style:normal}
.visual-site .hero .lead,.visual-site .glance-hero .lead{font-size:19px;line-height:1.5;max-width:470px;margin-bottom:20px}
.visual-site .eyebrow{margin-bottom:16px}
.visual-site .hero .actions,.visual-site .glance-hero .actions{margin:24px 0 16px}
.visual-site .section{padding-top:48px;padding-bottom:48px}
.visual-site .section-title{margin-bottom:24px}
.visual-site .section-title h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:12px}
.visual-site .hero-demo{padding:10px;box-shadow:0 18px 50px #103e3210}
.visual-site .hero-demo video{display:block;width:100%;height:auto;max-width:100%;min-width:0;aspect-ratio:16/9}
.visual-site .hero-demo figcaption{padding:12px 4px 2px;font-size:13px}
.visual-site .hero-demo figcaption>.media-label{font-weight:700;color:#103e32;display:block}
.visual-site .visual-details{border:1px solid #d9dfce;border-radius:10px;background:#fffef8;color:#103e32;margin:18px 0;padding:0 18px;font-size:15px}
.visual-site .visual-details>summary{padding:14px 0;cursor:pointer;font-weight:600}
.visual-site .visual-details>summary h2{display:inline;font-size:18px;letter-spacing:0;line-height:1.4}
.visual-site .visual-details[open]{padding-bottom:14px}
.visual-site .visual-details>p{line-height:1.65}
.visual-site .hero-demo .visual-details{border:0;border-top:1px solid #d9dfce;background:transparent;border-radius:0;padding:0;margin:8px 0 0;font-size:12px}
.visual-site .hero-demo .visual-details>summary{padding:8px 0}
.visual-site .hero-demo .visual-details p{margin:4px 0 12px}
.visual-site .object-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.visual-site .object-pills span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#e8eddf;border:1px solid #d1ddc5;border-radius:30px;font-size:13px;font-weight:600}
.visual-site .object-pills svg{width:22px;height:22px}
.visual-site .visual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.visual-site .visual-card{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fffef8;border:1px solid #d9dfce;border-radius:14px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.visual-site a.visual-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #103e3212}
.visual-site .visual-card>img{display:block;width:100%;height:180px;object-fit:cover}
.visual-site .visual-card .card-copy{padding:20px}
.visual-site .visual-card h3{margin:0 0 8px;font-size:24px}
.visual-site .visual-card p{font-size:15px;line-height:1.5;margin-bottom:12px;color:#61746a}
.visual-site .card-link{font-size:14px;font-weight:700}
.visual-site .visual-flow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px;border-radius:14px;background:#e8eddf;margin:24px 0}
.visual-site .flow-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-weight:600;font-size:15px}
.visual-site .flow-node svg{width:36px;height:36px}
.visual-site .flow-arrow{font-size:24px;color:#729340}
.visual-site .visual-flow small{font-size:12px;font-weight:400}
.visual-site .ready-demo-banner{margin:20px 0;padding:22px}
.visual-site .ready-demo-banner h3{font-size:25px;margin:0}
.visual-site .ready-custom{margin-bottom:14px;padding:18px 0}
.visual-site .ready-custom h3{font-size:22px;margin:0 0 8px}
.visual-site .ready-custom p{margin-bottom:10px}
.visual-site .demo-card h3{font-size:21px}
.visual-site .demo-credit{font-size:13px}
.visual-site .dwell-intro{margin-top:0;border:0}
.visual-site .dwell-intro .hero-demo{margin:0}
.visual-site .dwell-video-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-site .dwell-video-gallery .demo-card:first-child{grid-column:auto}
.visual-site .dwell-capabilities{margin:24px 0}
.visual-site .dwell-capabilities article{padding:20px}
.visual-site .dwell-capabilities article>svg{width:40px;height:40px}
.visual-site .dwell-capabilities p{margin-bottom:0}
.visual-site .visual-example{padding:30px;border-radius:16px;background:#e8eddf;border:1px solid #d1ddc5}
.visual-site .visual-example .visual-flow{padding:10px 0;margin:14px 0;background:transparent}
.visual-site .visual-example .flow-node svg{width:48px;height:48px}
.visual-site .visual-example>p:last-child{margin-bottom:0;font-size:13px;color:#61746a}
.visual-site .icon-tile{display:flex;align-items:center;justify-content:center;height:140px;background:#e8eddf}
.visual-site .icon-tile svg{width:70px;height:70px;stroke-width:1.2}
.visual-site .visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;counter-reset:steps}
.visual-site .visual-steps li{background:#fffef8;border:1px solid #d9dfce;border-radius:12px;padding:22px;counter-increment:steps}
.visual-site .visual-steps li::before{content:counter(steps,decimal-leading-zero);display:block;font-size:30px;color:#729340;font-weight:700;margin-bottom:12px}
.visual-site .visual-steps strong{display:block;font-size:19px;margin-bottom:6px}
.visual-site .hero-offer{border:0}
.visual-site .hero-offer .offer-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.visual-site #demo>.lead{max-width:none;font-size:17px}
.visual-site .guide-overview{margin:24px 0}
.visual-site .search-article>.lead{max-width:720px}
.visual-site .search-article .visual-flow{max-width:850px}
.visual-site .price-card>.visual-details{margin-top:12px;font-size:14px}
@media(prefers-reduced-motion:reduce){.visual-site *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1000px){.visual-site .hero,.visual-site .glance-hero{gap:28px;grid-template-columns:1fr 1.1fr}.visual-site .visual-card>img{height:145px}}
@media(max-width:750px){.visual-site header{padding:10px 5%;flex-wrap:nowrap;gap:12px}.visual-site header .brand-logo,.visual-site header .partner-brand-logo{width:40px;height:40px}.visual-site header .brand{font-size:18px;gap:8px}.visual-site header nav{gap:15px}.visual-site header .primary-visual-nav>a{font-size:12px}.visual-site header .primary-visual-nav>a:nth-child(3){display:none}.visual-site .nav-more{font-size:12px}.visual-site .hero,.visual-site .glance-hero{grid-template-columns:1fr;gap:24px;padding:28px 0 34px}.visual-site h1{font-size:38px;letter-spacing:-1.2px}.visual-site .hero .lead,.visual-site .glance-hero .lead{font-size:17px;margin-bottom:12px}.visual-site .section{padding-top:32px;padding-bottom:32px}.visual-site .visual-cards{gap:12px;grid-template-columns:1fr}.visual-site .visual-card{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:stretch}.visual-site .visual-card>img{height:100%;min-height:145px}.visual-site .visual-card .card-copy{padding:18px}.visual-site .visual-card h3{font-size:22px}.visual-site .visual-card p{font-size:14px}.visual-site .visual-flow{padding:18px 12px;gap:7px}.visual-site .flow-node{font-size:12px;gap:8px}.visual-site .flow-node svg{width:28px;height:28px}.visual-site .flow-arrow{font-size:18px}.visual-site .visual-steps{grid-template-columns:1fr}.visual-site .dwell-video-gallery{grid-template-columns:1fr}.visual-site .icon-tile{height:auto;min-height:140px}.visual-site .icon-tile svg{width:58px;height:58px}.visual-site .hero-offer .offer-actions{gap:12px}.visual-site .hero-demo figcaption{font-size:12px}}
@media(max-width:420px){.visual-site header .brand span{font-size:0}.visual-site header{gap:8px}.visual-site header nav{gap:16px}.visual-site header .brand{gap:0}.visual-site .button{font-size:14px;padding:11px 15px}}
