/* Isolated module visibility preview. */
.spotlight-home .inner-hero{padding-bottom:48px}
.spotlight-home .inner-hero-grid{grid-template-columns:1.12fr 1fr;gap:58px;align-items:start}
.spotlight-home .inner-hero h1{font-size:clamp(38px,3.45vw,52px);margin:20px 0 22px}
.spotlight-home .odoo-intro{font-size:16px;line-height:1.8}
.spotlight-home .odoo-intro>p+p{margin-top:12px}
.spotlight-home .inner-actions{gap:20px;margin-top:25px}
.spotlight-home .odoo-trust{margin-top:20px}
.spotlight-rail{min-width:0;padding-top:4px}
.module-spotlight{background:#203c36;color:#fff;border:1px solid #35554b;border-radius:16px;padding:26px;box-shadow:0 20px 44px #203c3612;overflow:hidden}
.spotlight-byline{display:flex;align-items:center;gap:8px;color:#f1ce85;font-size:10px;line-height:1.6;font-weight:750;letter-spacing:1.35px;margin:0 0 23px}
.spotlight-byline:before{content:'';width:6px;height:6px;background:#f1ce85;flex-shrink:0}
.spotlight-product{display:block;color:#d1e1db;font-size:13px;font-weight:650;margin-bottom:14px}
.spotlight-body{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:20px;align-items:center}
.module-spotlight h2{color:#fff;font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:0 0 17px}
.module-spotlight h2 span{color:#f1ce85}
.spotlight-description{color:#d6e3dd;font-size:13px;line-height:1.8}
.spotlight-device{display:block;padding:5px;background:#122a25;border:1px solid #607a6c;border-radius:15px;box-shadow:0 12px 24px #0003;overflow:hidden}
.spotlight-device img{display:block;width:100%;height:auto;border-radius:10px}
.spotlight-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:18px;border-top:1px solid #668175;color:#f8dc9e;font-size:14px;font-weight:750;line-height:1.6}
.spotlight-cta span[aria-hidden]{font-size:24px;line-height:1}
.spotlight-cta:hover{color:#fff}
.spotlight-cta:focus-visible{outline-color:#f8dc9e}
.spotlight-dashboard{display:flex;align-items:center;gap:18px;margin:19px 0 0}
.spotlight-dashboard .visual-open{flex:0 0 110px;width:110px;border-radius:7px;box-shadow:none}
.spotlight-dashboard .visual-open img{display:block;width:100%;height:78px;object-fit:cover;object-position:top}
.spotlight-dashboard .image-zoom{display:none}
.spotlight-dashboard figcaption{margin:0;color:#475d61;font-size:12px;line-height:1.7}
.spotlight-dashboard figcaption strong{display:block;color:#233e39;font-size:13px;margin-bottom:3px}
.spotlight-module .module-hero{padding-bottom:42px}
.spotlight-module .module-hero .breadcrumbs{margin-bottom:30px}
.spotlight-module .module-hero-grid{grid-template-columns:1.12fr 1fr;gap:58px;align-items:center}
.spotlight-module .module-hero h1{font-size:clamp(40px,4.1vw,62px)}
.module-hero-showcase{margin:0;min-width:0;text-align:center;border-radius:16px;background:#eaf0eb;border:1px solid #d6e0d7;padding:22px 24px 17px;position:relative}
.module-hero-showcase .spotlight-byline{justify-content:center;color:#476448;margin-bottom:17px;font-size:10px}
.module-hero-showcase .spotlight-byline:before{background:#b18a3d}
.module-hero-showcase .visual-open{width:250px;max-width:100%;margin:0 auto;padding:5px;background:#fff;border:1px solid #b4c4b7;border-radius:15px;box-shadow:0 16px 30px #203c3614}
.module-hero-showcase .visual-open img{display:block;position:static;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:10px}
.showcase-zoom{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:32px;height:32px;background:#203c36;color:#fff;border-radius:50%;font-size:19px;box-shadow:0 2px 8px #0002}
.module-hero-showcase figcaption{margin:15px 0 0;color:#42614e;font-size:12px;line-height:1.6}
.module-hero-showcase figcaption strong{font-weight:750}
.spotlight-module .module-flow-relocated{margin-top:34px;padding:22px 26px;box-shadow:none;background:#f6f8f5}
.spotlight-module .module-flow-relocated ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:0}
.spotlight-module .module-flow-relocated li{padding:20px 0;border:0;align-items:flex-start;gap:12px}
.spotlight-module .module-flow-relocated strong{font-size:14px}
.spotlight-module .module-flow-relocated li p{font-size:12px}
.spotlight-module .module-flow-relocated .module-flow-foot{margin:0;border-top:1px solid #dde5db;padding-top:12px}
@media(max-width:1200px){
 .spotlight-home .inner-hero-grid,.spotlight-module .module-hero-grid{gap:32px}
 .module-spotlight{padding:23px}
 .spotlight-body{grid-template-columns:minmax(0,1fr) 132px;gap:16px}
 .module-spotlight h2{font-size:28px}
 .spotlight-module .module-hero h1{font-size:48px}
}
@media(min-width:801px) and (max-width:1000px){
 .spotlight-body{grid-template-columns:minmax(0,1fr) 105px;gap:12px}
 .module-spotlight{padding:20px}
 .module-spotlight h2{font-size:24px;letter-spacing:-.5px}
 .spotlight-byline{font-size:9px;letter-spacing:1px}
 .spotlight-description{font-size:12px}
 .spotlight-cta{font-size:13px}
}
@media(max-width:800px){
 .spotlight-home .inner-hero{padding:20px 0 38px}
 .spotlight-home .inner-hero .breadcrumbs{margin-bottom:24px}
 .spotlight-home .inner-hero-grid,.spotlight-module .module-hero-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .spotlight-home .inner-hero-grid>div:first-child,.spotlight-module .module-hero-grid>div:first-child{display:contents}
 .spotlight-home .inner-hero-grid .eyebrow,.spotlight-module .module-hero-grid .eyebrow{order:0}
 .spotlight-home .inner-hero h1{order:1;font-size:38px;line-height:1.15;margin:15px 0 24px;letter-spacing:-1.5px}
 .spotlight-rail{order:2;padding:0;margin:0 0 26px}
 .spotlight-home .odoo-intro{order:3}
 .spotlight-home .inner-actions{order:4}
 .spotlight-home .odoo-trust{order:5}
 .spotlight-body{grid-template-columns:minmax(0,1fr) 145px;gap:20px}
 .module-spotlight{padding:23px}
 .module-spotlight h2{font-size:31px}
 .spotlight-description{font-size:14px}
 .spotlight-dashboard{margin-top:15px}
 .spotlight-module .module-hero .breadcrumbs{margin-bottom:25px}
 .spotlight-module .module-hero h1{order:1;font-size:44px;line-height:1.1;letter-spacing:-1.7px;margin:18px 0 25px}
 .module-hero-showcase{order:2;margin:0 0 26px;padding:18px}
 .module-hero-showcase .visual-open{width:210px}
 .spotlight-module .module-lead{order:3;font-size:17px}
 .spotlight-module .module-support{order:4}
 .spotlight-module .module-actions{order:5}
 .spotlight-module .module-flow-relocated ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
}
@media(max-width:480px){
 .spotlight-home .inner-hero h1{font-size:34px}
 .spotlight-body{grid-template-columns:minmax(0,1fr) 102px;gap:15px}
 .module-spotlight{padding:19px 17px;border-radius:12px}
 .spotlight-byline{font-size:8px;letter-spacing:1.1px;margin-bottom:17px}
 .spotlight-product{font-size:11px;margin-bottom:10px}
 .module-spotlight h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin-bottom:12px}
 .spotlight-description{font-size:12px;line-height:1.7}
 .spotlight-device{padding:3px;border-radius:11px}
 .spotlight-device img{border-radius:8px}
 .spotlight-cta{font-size:12px;margin-top:18px;padding-top:14px;gap:10px}
 .spotlight-dashboard figcaption{font-size:11px}
 .spotlight-dashboard figcaption strong{font-size:12px}
 .spotlight-dashboard .visual-open{flex-basis:84px;width:84px}
 .spotlight-dashboard .visual-open img{height:62px}
 .spotlight-module .module-hero h1{font-size:40px}
 .module-hero-showcase .visual-open{width:185px}
 .module-hero-showcase .spotlight-byline{font-size:8px}
 .module-hero-showcase figcaption{font-size:11px}
 .spotlight-module .module-flow-relocated{padding:20px}
 .spotlight-module .module-flow-relocated ol{grid-template-columns:1fr;gap:0}
}

/* Product selector: Odoo dashboard first, custom modules on demand. */
.spotlight-selector{overflow-anchor:none}
.spotlight-selector .spotlight-panel{display:flex;flex-direction:column;height:430px;margin:0;padding:26px}
.spotlight-selector .spotlight-panel[hidden]{display:none}
.spotlight-selector .spotlight-panel .spotlight-body{flex:1;min-height:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}
.spotlight-selector .spotlight-byline{margin-bottom:20px}
.spotlight-selector .spotlight-cta{margin-top:20px;flex-shrink:0}
.spotlight-selector .spotlight-art{min-width:0;display:flex;align-items:center;justify-content:center}
.spotlight-selector .visual-open{cursor:zoom-in;position:relative;display:block;overflow:hidden}
.spotlight-selector .spotlight-dashboard-screen{width:100%;border:1px solid #729082;background:#fff;padding:4px;border-radius:11px;box-shadow:0 14px 28px #0003}
.spotlight-selector .spotlight-dashboard-screen img{display:block;width:100%;height:auto;border-radius:6px}
.spotlight-selector .spotlight-dashboard-screen .image-zoom{position:absolute;bottom:7px;right:7px;left:auto;display:grid;place-items:center;width:28px;height:28px;padding:6px;color:transparent;font-size:0;background:#203c36;border:1px solid #617d70;border-radius:50%}
.spotlight-selector .spotlight-dashboard-screen .image-zoom svg{color:#fff;width:16px;height:16px}
.spotlight-selector .spotlight-device{width:148px;max-width:100%}
.spotlight-module-emblem{text-align:center;color:#cfe2d5;width:100%}
.spotlight-emblem-icon{display:grid;place-items:center;margin:0 auto 20px;width:116px;height:116px;border:1px solid #688675;border-radius:25px;background:#ffffff06;box-shadow:0 15px 25px #0001}
.spotlight-emblem-icon svg{width:59px;height:59px;color:#f1ce85}
.spotlight-module-emblem strong{display:block;font-size:18px;font-weight:600;line-height:1.6}
.spotlight-module-emblem>span{display:block;margin-top:8px;color:#adc7b8;font-size:8px;line-height:1.7;letter-spacing:1.3px}
.spotlight-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.spotlight-switcher [role="tab"]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:78px;padding:12px 4px 10px;border:1px solid #d4dfd7;border-radius:9px;background:#fff;color:#5a7068;font-family:inherit;font-size:11px;font-weight:650;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s}
.spotlight-switcher [role="tab"]:hover{border-color:#7b9789;background:#f1f5f1}
.spotlight-switcher [role="tab"][aria-selected="true"]{background:#e8efe9;border-color:#4b735e;color:#203c36;box-shadow:inset 0 2px #4b735e}
.spotlight-tab-icon svg{width:23px;height:23px}
.spotlight-switcher [role="tab"]:focus-visible{outline:2px solid #a47419;outline-offset:3px}
.spotlight-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 1px 0;font-size:12px;font-weight:650;color:#456551}
.spotlight-all:hover{color:#193d2b}
.spotlight-all [aria-hidden]{font-size:18px}
.spotlight-selector .spotlight-panel:focus-visible{outline:3px solid #b98d37;outline-offset:4px}
@media(min-width:801px) and (max-width:1200px){
 .spotlight-selector .spotlight-panel{height:440px;padding:23px}
 .spotlight-selector .spotlight-panel .spotlight-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}
 .spotlight-emblem-icon{width:90px;height:90px;margin-bottom:16px}
 .spotlight-emblem-icon svg{width:48px;height:48px}
}
@media(min-width:801px) and (max-width:1000px){
 .spotlight-selector .spotlight-panel{height:435px;padding:20px}
 .spotlight-selector .spotlight-panel .spotlight-body{grid-template-columns:minmax(0,1fr) 120px;gap:15px}
 .spotlight-selector .spotlight-panel-odoo .spotlight-body{grid-template-columns:1fr 1fr}
 .spotlight-selector .spotlight-product{font-size:11px}
 .spotlight-switcher{gap:6px}
 .spotlight-switcher [role="tab"]{font-size:10px}
}
@media(max-width:800px){
 .spotlight-selector .spotlight-panel{height:390px;padding:23px}
 .spotlight-selector .spotlight-panel .spotlight-body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:20px}
 .spotlight-selector .spotlight-device{width:145px}
}
@media(max-width:480px){
 .spotlight-selector .spotlight-panel{height:365px;padding:19px 17px}
 .spotlight-selector .spotlight-panel .spotlight-body{grid-template-columns:minmax(0,1fr) 113px;gap:14px}
 .spotlight-selector .spotlight-panel-odoo .spotlight-body{grid-template-columns:1fr 1fr}
 .spotlight-selector .spotlight-product{font-size:10px;margin-bottom:10px}
 .spotlight-selector .spotlight-byline{margin-bottom:16px}
 .spotlight-selector .spotlight-cta{margin-top:16px}
 .spotlight-selector .spotlight-device{width:105px}
 .spotlight-selector .spotlight-panel h2{font-size:24px;line-height:1.16;margin-bottom:13px}
 .spotlight-selector .spotlight-description{font-size:11px;line-height:1.65}
 .spotlight-emblem-icon{width:76px;height:76px;border-radius:20px;margin-bottom:15px}
 .spotlight-emblem-icon svg{width:42px;height:42px}
 .spotlight-module-emblem strong{font-size:14px}
 .spotlight-module-emblem>span{font-size:7px;letter-spacing:.5px}
 .spotlight-switcher{gap:5px;margin-top:10px}
 .spotlight-switcher [role="tab"]{font-size:10px;gap:7px;min-height:72px;padding:10px 2px 8px}
 .spotlight-tab-icon svg{width:21px;height:21px}
 .spotlight-all{font-size:11px;padding-top:12px}
}
@media(max-width:360px){
 .spotlight-selector .spotlight-panel{height:382px;padding-inline:15px}
 .spotlight-selector .spotlight-panel .spotlight-body{grid-template-columns:minmax(0,1fr) 98px;gap:12px}
 .spotlight-selector .spotlight-panel h2{font-size:22px}
 .spotlight-selector .spotlight-byline{font-size:7px;letter-spacing:.8px}
 .spotlight-selector .spotlight-cta{font-size:11px}
 .spotlight-switcher [role="tab"]{font-size:9px}
}
.veko-more-modules{display:flex;justify-content:center;margin:28px 0}
.veko-more-modules .button{max-width:100%;white-space:normal;text-align:left;line-height:1.6}
.veko-more-modules .icon{flex-shrink:0}
@media(max-width:520px){.veko-more-modules .button{width:100%;justify-content:space-between;font-size:14px;padding:18px 20px}}

/* Match the corporate home page's two-column FAQ layout. */
.spotlight-home #sss{padding-block:80px;background:#f0f4f1;border-block:1px solid #d7e1da}
.spotlight-home #sss>.container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:clamp(40px,6vw,88px);row-gap:28px;align-items:start}
.spotlight-home #sss .section-heading{display:block;min-width:0;margin:0;padding-top:3px}
.spotlight-home #sss .section-heading h2{font-size:clamp(32px,3.2vw,44px);line-height:1.18;letter-spacing:-1.4px;margin:20px 0 0;max-width:430px}
.spotlight-home #sss .section-intro:empty{display:none}
.spotlight-home #sss .landing-content{min-width:0;margin:0}
.spotlight-home #sss .faq-list{max-width:none;width:100%;margin:0}
.spotlight-home #sss .faq:first-child{margin-top:0}
.spotlight-home #sss .faq:last-child{margin-bottom:0}
@media(max-width:850px){
 .spotlight-home #sss>.container{grid-template-columns:minmax(0,1fr);gap:28px}
 .spotlight-home #sss .section-heading h2{margin-top:15px;max-width:600px}
}
@media(max-width:540px){
 .spotlight-home #sss{padding-block:62px}
 .spotlight-home #sss>.container{gap:24px}
 .spotlight-home #sss .section-heading h2{max-width:340px}
}