/* VidyaLMS product story. Scoped to its native EasyCommerce sections. */
#ec-store-root .vl-section{padding:0!important}#ec-store-root .vl-section>.prose{max-width:none!important}#ec-store-root .vl-page{--vl-ink:#263e35;--vl-muted:#64746b;--vl-paper:#fbfaf6;--vl-line:#dfe4dc;--vl-accent:#b54e2e;background:var(--vl-paper);color:var(--vl-ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.7;overflow:clip}#ec-store-root .vl-page *{box-sizing:border-box}#ec-store-root .vl-page :where(h1,h2,h3,p,figure,ul){margin:0}#ec-store-root .vl-page :where(h1,h2,h3){font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;color:var(--vl-ink);font-weight:600;letter-spacing:-.045em;line-height:1.13}#ec-store-root .vl-page a{color:inherit;text-decoration:none}#ec-store-root .vl-page img{display:block;max-width:100%;height:auto;margin:0}#ec-store-root .vl-page h2{font-size:clamp(32px,3.7vw,54px)}#ec-store-root .vl-page h3{font-size:clamp(23px,2.2vw,31px)}#ec-store-root .vl-page p{color:var(--vl-muted)}#ec-store-root .vl-page p+p{margin-top:20px}#ec-store-root .vl-page :where(a,summary):focus-visible{outline:3px solid var(--vl-accent);outline-offset:5px}#ec-store-root .vl-page [id],#ec-store-root #section-vl-purchase{scroll-margin-top:95px}#ec-store-root .vl-subnav{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;margin:auto;padding:24px var(--vl-gutter);border-bottom:1px solid var(--vl-line)}#ec-store-root .vl-wordmark{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.04em}#ec-store-root .vl-mark{display:inline-grid;place-content:center;border-radius:12px;background:var(--vl-ink);color:#fff3d7;font-family:Georgia,serif;font-size:30px;font-style:italic;width:44px;height:44px}#ec-store-root .vl-subnav>div{display:flex;gap:28px;font-size:13px;font-weight:600}#ec-store-root .vl-subnav>div a:last-child{color:var(--vl-accent)}#ec-store-root .vl-hero{max-width:none;margin:auto;padding:70px var(--vl-gutter) 40px;text-align:center}#ec-store-root .vl-eyebrow{display:block;color:var(--vl-accent);font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1.5;margin-bottom:24px}#ec-store-root .vl-hero h1{font-size:clamp(44px,5.5vw,82px);line-height:1.06;letter-spacing:-.065em}#ec-store-root .vl-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;color:var(--vl-accent)}#ec-store-root .vl-lead{font-size:17px;line-height:1.7;max-width:800px;margin:28px auto!important}#ec-store-root .vl-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}#ec-store-root .vl-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--vl-ink);color:#fffaf0!important;min-height:50px;padding:13px 24px;border:1px solid var(--vl-ink);border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s;white-space:normal}#ec-store-root .vl-button:hover{background:#39564a;transform:translateY(-2px)}#ec-store-root .vl-button-outline{background:transparent;color:var(--vl-ink)!important;border-color:#b7c2b9}#ec-store-root .vl-button-outline:hover{background:#ecf0e8}#ec-store-root .vl-text-link{display:inline-flex;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px;color:var(--vl-accent)!important}#ec-store-root .vl-proof{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;color:var(--vl-muted);font-size:11px}#ec-store-root .vl-proof span:before{content:'✓';color:var(--vl-accent);margin-right:7px}#ec-store-root .vl-hero-art{position:relative;margin:52px auto 20px;padding:30px 55px 38px;background:#e7ecdf;border-radius:16px;max-width:none}#ec-store-root .vl-window{overflow:hidden;border:1px solid #c6cfc3;border-radius:9px;background:white;box-shadow:0 24px 50px -22px #263e3566}#ec-store-root .vl-window-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f7f8f3;font-size:9px;color:#819183;border-bottom:1px solid #e2e7dd}#ec-store-root .vl-window-bar>span:first-child{font-size:8px;letter-spacing:4px}#ec-store-root .vl-window img{width:100%}#ec-store-root .vl-note{display:flex;gap:15px;align-items:center;position:absolute;bottom:48px;right:10px;padding:22px 24px;background:#fffdf3;border:1px solid #dcdcca;border-radius:12px;box-shadow:0 8px 28px #263e351a;text-align:left;transform:rotate(3deg);font-size:14px;line-height:1.4}#ec-store-root .vl-note small{font-size:10px;display:block;margin-top:7px;color:var(--vl-muted)}#ec-store-root .vl-note-icon{display:grid;place-content:center;background:#dfead9;color:#3e684d;border-radius:50%;width:36px;height:36px}#ec-store-root .vl-art-label{position:absolute;bottom:11px;left:55px;font-size:8px;letter-spacing:.15em;color:#6b7b6e}#ec-store-root .vl-intro-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:none;margin:0 var(--vl-gutter);padding:30px 0 42px;border-bottom:1px solid var(--vl-line);font-size:12px;color:var(--vl-muted)}#ec-store-root .vl-intro-strip p{line-height:1.5}#ec-store-root .vl-intro-strip strong{font-size:15px;color:var(--vl-ink)}#ec-store-root .vl-block{max-width:none;margin:auto;padding:86px var(--vl-gutter)}#ec-store-root .vl-section-heading{max-width:750px;margin:0 auto 44px;text-align:center}#ec-store-root .vl-section-heading p{font-size:16px;line-height:1.8;margin-top:22px}#ec-store-root .vl-bento{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}#ec-store-root .vl-feature-large{display:flex;flex-direction:column;justify-content:space-between;background:#edf0e7;border-radius:16px;overflow:hidden;padding:38px 34px 0}#ec-store-root .vl-feature-large p{font-size:14px;margin-top:20px;max-width:400px}#ec-store-root .vl-feature-large>img{margin-top:34px;border:1px solid #d1d8cd;border-bottom:0;border-radius:9px 9px 0 0;max-height:530px;object-fit:cover;object-position:top}#ec-store-root .vl-feature-stack{display:grid;gap:22px;grid-template-rows:1fr auto}#ec-store-root .vl-dark-card{background:#25382f;border-radius:16px;overflow:hidden;padding:30px 30px 0}#ec-store-root .vl-dark-card h3{color:#fff4d9}#ec-store-root .vl-dark-card p{color:#b6c5ba;font-size:13px;max-width:380px;margin-top:18px}#ec-store-root .vl-dark-card img{margin-top:25px;max-height:220px;object-fit:cover;object-position:top;border-radius:8px 8px 0 0}#ec-store-root .vl-mini-card{background:#eee1d1;padding:30px;border-radius:16px}#ec-store-root .vl-mini-card p{font-size:13px;margin-top:16px}#ec-store-root .vl-platforms{display:flex;gap:12px;margin-top:20px}#ec-store-root .vl-platforms span{font-size:11px;font-weight:600;border:1px solid #bfb7a6;border-radius:30px;padding:4px 12px}#ec-store-root .vl-split{display:grid;grid-template-columns:.85fr 1.2fr;gap:64px;align-items:center}#ec-store-root .vl-split>div>p{font-size:15px;margin-top:23px}#ec-store-root .vl-split .vl-text-link{margin-top:26px}#ec-store-root .vl-list{list-style:none;padding:0!important;margin:24px 0!important}#ec-store-root .vl-list li{position:relative;padding-left:24px;margin:11px 0;font-size:13px;color:var(--vl-muted);line-height:1.65}#ec-store-root .vl-list li:before{content:'✓';position:absolute;left:0;color:var(--vl-accent);font-weight:700}#ec-store-root .vl-screen{padding:30px 25px 16px;border-radius:16px;overflow:hidden}#ec-store-root .vl-screen img{border:1px solid #00000014;border-radius:7px;box-shadow:0 18px 30px -24px #263e35}#ec-store-root .vl-screen figcaption{margin-top:17px;text-align:center;font-size:10px;letter-spacing:.04em;color:#6c6678}#ec-store-root .vl-lilac{background:#e9e4f0}#ec-store-root .vl-sand{background:#eadfcb}#ec-store-root .vl-split-reverse{margin-top:96px;grid-template-columns:1.2fr .85fr}#ec-store-root .vl-pill{display:inline-block;padding:7px 13px;border-radius:30px;background:#e6eddf;color:#466443;font-size:10px;font-weight:600;margin-top:23px}#ec-store-root .vl-journey{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:27px 32px;margin-top:50px;border-block:1px solid var(--vl-line);font-size:12px;font-weight:600}#ec-store-root .vl-journey b{color:#c0c9bd;font-weight:400}#ec-store-root .vl-dashboard{padding:28px 28px 14px;background:#e5e8e0;border-radius:16px}#ec-store-root .vl-dashboard img{border-radius:8px;box-shadow:0 14px 40px #263e3522}#ec-store-root .vl-dashboard figcaption{text-align:center;color:var(--vl-muted);font-size:10px;margin-top:15px}#ec-store-root .vl-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:40px}#ec-store-root .vl-three h3{font-size:20px;margin-top:18px}#ec-store-root .vl-three p{font-size:13px;margin-top:14px}#ec-store-root .vl-number{font-family:Georgia,serif;font-style:italic;font-size:23px;color:var(--vl-accent)}#ec-store-root .vl-commerce{max-width:none;margin:16px var(--vl-gutter) 60px;background:#efe8db;border-radius:16px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}#ec-store-root .vl-commerce h2{font-size:37px}#ec-store-root .vl-commerce p{font-size:14px;margin:24px 0}#ec-store-root .vl-commerce-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}#ec-store-root .vl-commerce-flow>span{padding:22px 8px;border-radius:8px;background:#faf8f0;font-size:15px;font-weight:600}#ec-store-root .vl-commerce-flow small{display:block;font-size:10px;font-weight:400;color:var(--vl-muted)}#ec-store-root .vl-commerce-flow>p,#ec-store-root .vl-commerce-flow>strong,#ec-store-root .vl-commerce-flow>small{grid-column:1/-1}#ec-store-root .vl-commerce-flow>p{margin:6px 0;font-size:10px}#ec-store-root .vl-commerce-flow b{display:block}#ec-store-root .vl-commerce-flow strong{font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:400;background:var(--vl-ink);color:#fff4d9;padding:20px;border-radius:8px}#ec-store-root .vl-video-section{max-width:none;margin:0 var(--vl-gutter);padding:30px 0 70px;display:grid;grid-template-columns:.65fr 1.2fr;gap:60px;align-items:center}#ec-store-root .vl-video-section p{margin:22px 0}#ec-store-root .vl-video-section video{display:block;width:100%;border-radius:12px;background:var(--vl-ink);aspect-ratio:16/9}#ec-store-root .vl-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#ec-store-root .vl-plan{display:flex;flex-direction:column;padding:34px 28px;border:1px solid var(--vl-line);border-radius:12px;background:#fffefa}#ec-store-root .vl-plan h3{font-size:26px}#ec-store-root .vl-plan>p{font-size:13px;margin-top:15px}#ec-store-root .vl-plan .vl-button{margin-top:auto}#ec-store-root .vl-price{font-size:52px;font-weight:600;letter-spacing:-.06em;line-height:1.2;margin-top:25px}#ec-store-root .vl-price small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:10px;color:var(--vl-muted)}#ec-store-root .vl-plan-featured{background:#243d33;color:#fff3dc;border-color:#243d33;box-shadow:0 18px 45px -25px #243d3380}#ec-store-root .vl-plan-featured h3{color:#fff3dc}#ec-store-root .vl-plan-featured :is(p,li,.vl-price small){color:#c0cec2}#ec-store-root .vl-plan-featured .vl-eyebrow,#ec-store-root .vl-plan-featured .vl-list li:before{color:#ebc38f}#ec-store-root .vl-plan-featured .vl-button{background:#f1dfbf;color:#243d33!important}#ec-store-root .vl-pricing-note{max-width:850px;text-align:center;font-size:11px;margin:28px auto 0!important}#ec-store-root .vl-checkout-heading{text-align:center;max-width:650px;margin:auto;padding:0 24px 20px}#ec-store-root .vl-checkout-heading h2{font-size:27px}#ec-store-root .vl-checkout-heading p{font-size:13px;margin-top:15px}#ec-store-root #section-vl-purchase{background:#fbfaf6;color:#263e35}#ec-store-root #section-vl-purchase>section{padding-top:22px;padding-bottom:55px;background:transparent}#ec-store-root #section-vl-purchase button{border-radius:8px}#ec-store-root #section-vl-purchase .rounded-3xl{border-radius:12px}#ec-store-root #section-vl-purchase .max-w-xl{max-width:700px}#ec-store-root .vl-compare-legend{display:flex;justify-content:space-between;padding:20px 0;font-size:10px;color:var(--vl-muted);border-top:1px solid var(--vl-line)}#ec-store-root .vl-compare-group{border-bottom:1px solid var(--vl-line);margin:0}#ec-store-root .vl-compare-group summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;align-items:center;padding:22px 20px;background:#eef1e9;font-size:14px;font-weight:600;gap:15px}#ec-store-root .vl-group-count{font-size:10px;font-weight:400;color:var(--vl-muted);white-space:nowrap}#ec-store-root .vl-compare-group summary:after{content:'+';font-size:20px}#ec-store-root .vl-compare-group[open] summary:after{content:'−'}#ec-store-root .vl-compare-group summary::-webkit-details-marker{display:none}#ec-store-root .vl-compare-group table{border-collapse:collapse;width:100%;table-layout:fixed;margin:0;font-size:12px;line-height:1.6}#ec-store-root .vl-compare-group th,#ec-store-root .vl-compare-group td{padding:14px 20px;border-bottom:1px solid #e9ece5;text-align:left;vertical-align:middle;overflow-wrap:anywhere}#ec-store-root .vl-compare-group th:first-child{width:48%}#ec-store-root .vl-compare-group thead th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}#ec-store-root .vl-compare-group tbody th{font-weight:500;color:var(--vl-ink)}#ec-store-root .vl-compare-group td{color:var(--vl-muted)}#ec-store-root .vl-compare-group :is(th,td):last-child{background:#eaf0e54d}#ec-store-root .vl-yes{color:#3e684d;font-size:11px}#ec-store-root .vl-yes>span{margin-right:6px}#ec-store-root .vl-no{font-size:10px;color:#859084}#ec-store-root .vl-comparison-notes{margin-top:24px;font-size:11px;line-height:1.7}#ec-store-root .vl-comparison-notes p+p{margin-top:10px}#ec-store-root .vl-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}#ec-store-root .vl-faq-layout .vl-text-link{margin-top:28px}#ec-store-root .vl-faq details{border-bottom:1px solid var(--vl-line);padding:22px 0}#ec-store-root .vl-faq summary{font-weight:600;font-size:14px;cursor:pointer;list-style:none;padding-right:30px;position:relative}#ec-store-root .vl-faq summary:after{content:'+';position:absolute;right:0}#ec-store-root .vl-faq details[open] summary:after{content:'−'}#ec-store-root .vl-faq p{font-size:13px;margin-top:18px;line-height:1.9}#ec-store-root .vl-download{background:#243d33;color:#fff3dc;max-width:none;margin:0 var(--vl-gutter) 65px;border-radius:16px;padding:58px;display:grid;grid-template-columns:1.5fr .7fr;gap:60px}#ec-store-root .vl-download h2,#ec-store-root .vl-download h3{color:#fff3dc}#ec-store-root .vl-download h2{font-size:44px}#ec-store-root .vl-download p{color:#bdcdbf;font-size:14px;margin:23px 0}#ec-store-root .vl-download .vl-eyebrow{color:#eac592}#ec-store-root .vl-download .vl-actions{justify-content:flex-start}#ec-store-root .vl-download .vl-button{background:#f3e2c4;color:#263e35!important;border-color:#f3e2c4}#ec-store-root .vl-download .vl-button-light{background:transparent;color:#f3e2c4!important;border-color:#65796c}#ec-store-root .vl-download-links{display:flex;flex-wrap:wrap;gap:20px}#ec-store-root .vl-download .vl-text-link{color:#f3e2c4!important;font-size:11px}#ec-store-root .vl-download .vl-fine,#ec-store-root .vl-fine{font-size:10px!important;line-height:1.7}#ec-store-root .vl-download-aside{border-left:1px solid #556e5e;padding-left:35px;align-self:center}#ec-store-root .vl-download-aside .vl-mark{background:#3d584a;margin-bottom:25px;width:60px;height:60px;font-size:40px}#ec-store-root .vl-download-aside h3{font-size:23px}#ec-store-root .vl-download-aside p{font-size:12px}#ec-store-root .vl-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){#ec-store-root .vl-subnav{padding-inline:22px}#ec-store-root .vl-subnav>div{gap:16px;font-size:11px}#ec-store-root .vl-hero-art{padding:20px 25px 35px}#ec-store-root .vl-note{padding:15px;font-size:11px;right:-8px}#ec-store-root .vl-intro-strip{margin-inline:24px;flex-wrap:wrap}#ec-store-root .vl-block{padding:60px 24px}#ec-store-root .vl-split,#ec-store-root .vl-split-reverse{gap:30px}#ec-store-root .vl-commerce{margin-inline:24px;padding:32px;gap:30px}#ec-store-root .vl-commerce h2{font-size:30px}#ec-store-root .vl-video-section{padding-inline:24px;gap:30px}#ec-store-root .vl-plans{gap:12px}#ec-store-root .vl-plan{padding:26px 20px}#ec-store-root .vl-price{font-size:42px}#ec-store-root .vl-download{margin-inline:24px;padding:36px;gap:30px}#ec-store-root .vl-download h2{font-size:36px}#ec-store-root .vl-feature-large{padding:28px 24px 0}#ec-store-root .vl-faq-layout{gap:30px}#ec-store-root .vl-subnav .vl-wordmark{font-size:19px}}
@media(max-width:640px){#ec-store-root .vl-subnav{flex-direction:column;align-items:flex-start;gap:15px;padding:18px 20px}#ec-store-root .vl-subnav>div{width:100%;justify-content:space-between;gap:10px;font-size:10px}#ec-store-root .vl-mark{width:34px;height:34px;font-size:25px}#ec-store-root .vl-hero{padding:45px 20px 18px}#ec-store-root .vl-hero h1{font-size:44px}#ec-store-root .vl-lead{font-size:14px!important}#ec-store-root .vl-desktop{display:none}#ec-store-root .vl-actions{gap:12px}#ec-store-root .vl-actions .vl-button{font-size:12px;padding:12px 17px}#ec-store-root .vl-actions .vl-text-link{margin-top:6px}#ec-store-root .vl-proof{gap:10px 16px;font-size:9px;margin-top:22px}#ec-store-root .vl-hero-art{margin-top:34px;padding:13px 12px 27px;border-radius:10px}#ec-store-root .vl-window-bar{padding:7px;font-size:7px}#ec-store-root .vl-note{position:relative;bottom:auto;right:auto;max-width:245px;margin:15px auto -5px;transform:rotate(-2deg);padding:14px;text-align:left}#ec-store-root .vl-art-label{left:15px;bottom:6px;font-size:6px}#ec-store-root .vl-intro-strip{gap:20px;font-size:10px;padding:26px 0}#ec-store-root .vl-intro-strip p{width:100%}#ec-store-root .vl-intro-strip p br{display:none}#ec-store-root .vl-intro-strip strong{margin-left:5px}#ec-store-root .vl-block{padding:48px 20px}#ec-store-root .vl-eyebrow{font-size:9px;margin-bottom:17px}#ec-store-root .vl-section-heading{margin-bottom:30px}#ec-store-root .vl-section-heading p{font-size:14px}#ec-store-root .vl-bento,#ec-store-root .vl-split,#ec-store-root .vl-split-reverse,#ec-store-root .vl-three,#ec-store-root .vl-commerce,#ec-store-root .vl-video-section,#ec-store-root .vl-plans,#ec-store-root .vl-faq-layout,#ec-store-root .vl-download{grid-template-columns:1fr}#ec-store-root .vl-feature-large>img{max-height:380px}#ec-store-root .vl-feature-stack{grid-template-columns:1fr}#ec-store-root .vl-dark-card img{max-height:210px}#ec-store-root .vl-split{gap:26px}#ec-store-root .vl-split-reverse{margin-top:60px}#ec-store-root .vl-split-reverse>figure{order:2}#ec-store-root .vl-screen{padding:20px 16px 12px}#ec-store-root .vl-journey{padding:25px 0;gap:10px;flex-wrap:wrap;justify-content:center;font-size:10px;margin-top:32px}#ec-store-root .vl-three{gap:30px}#ec-store-root .vl-three h3{margin-top:8px}#ec-store-root .vl-dashboard{padding:13px 12px 9px}#ec-store-root .vl-dashboard figcaption{font-size:8px}#ec-store-root .vl-commerce{margin:0 20px 35px;padding:28px;gap:28px}#ec-store-root .vl-video-section{padding:15px 20px 35px;gap:25px}#ec-store-root .vl-plans{gap:20px}#ec-store-root .vl-plan{padding:30px}#ec-store-root .vl-plan h3{font-size:27px}#ec-store-root .vl-price{font-size:52px}#ec-store-root .vl-pricing-note{font-size:10px}#ec-store-root .vl-faq-layout{gap:20px}#ec-store-root .vl-compare-legend{gap:15px;font-size:9px}#ec-store-root .vl-compare-group summary{font-size:12px;padding:17px 12px;gap:8px}#ec-store-root .vl-group-count{display:none}#ec-store-root .vl-compare-group th,#ec-store-root .vl-compare-group td{padding:12px 8px;font-size:10px}#ec-store-root .vl-compare-group th:first-child{width:43%}#ec-store-root .vl-compare-group thead th{font-size:9px}#ec-store-root .vl-yes{font-size:9px}#ec-store-root .vl-yes>span{margin-right:2px}#ec-store-root .vl-no{font-size:9px}#ec-store-root .vl-download{margin:0 20px 40px;padding:28px;gap:32px}#ec-store-root .vl-download h2{font-size:37px}#ec-store-root .vl-download .vl-actions{align-items:stretch;flex-direction:column}#ec-store-root .vl-download-aside{padding:25px 0 0;border-left:0;border-top:1px solid #556e5e}#ec-store-root .vl-download-aside .vl-mark{display:none}#ec-store-root .vl-download-links{gap:14px}#ec-store-root .vl-download p{font-size:13px}#ec-store-root .vl-checkout-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){#ec-store-root .vl-button{transition:none}#ec-store-root .vl-button:hover{transform:none}}

#ec-store-root .vl-compare-group tbody th{text-transform:none;letter-spacing:0}

@media(max-width:640px){#ec-store-root .vl-compare-group tbody th,#ec-store-root .vl-compare-group td{font-size:12px}#ec-store-root .vl-compare-group .vl-yes,#ec-store-root .vl-compare-group .vl-no{font-size:11px}}

/* Fill the width supplied by the template without changing the host container. */
#ec-store-root .vl-page { --vl-gutter: clamp(20px, 4vw, 88px); }
/* Fill the image area beneath the dark-mode card's copy. */
#ec-store-root .vl-dark-card {
  display: flex;
  flex-direction: column;
}
#ec-store-root .vl-dark-card img {
  flex: 1 0 220px;
  width: 100%;
  height: 220px;
  max-height: none;
  object-fit: cover;
  object-position: top;
}
/* Scale the complete capture into a compact frame instead of letting its
   intrinsic aspect ratio make the hero taller than the viewport. */
#ec-store-root .vl-hero-art { max-width: 960px; }
#ec-store-root .vl-window img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: min(54vh, 520px);
  height: min(54svh, 520px);
  object-fit: contain;
  padding: clamp(12px, 1.6vw, 24px);
  background: #fdfcfc;
}
#ec-store-root .vl-note {
  position: absolute;
  right: clamp(14px, 2vw, 32px);
  bottom: 24px;
  width: fit-content;
  max-width: calc(100% - 40px);
  margin: 0;
  transform: rotate(3deg);
}
@media(max-width:640px) {
  #ec-store-root .vl-hero-art { padding-bottom: 76px; }
  #ec-store-root .vl-note {
    right: 16px;
    bottom: 24px;
    max-width: min(245px, calc(100% - 40px));
    transform: rotate(-2deg);
  }
  #ec-store-root .vl-window img {
    height: min(46vh, 340px);
    height: min(46svh, 340px);
    padding: 8px;
  }
}