/* Compact studio tour. Real supported formats, fictional content, no API calls. */
.studio-showcase{min-width:0;border:1px solid #516481;border-radius:22px;background:#15243b;color:#f4f7fd;overflow:hidden;box-shadow:0 22px 60px #15243b12}
.studio-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 18px;font-size:15px}
.studio-demo-heading>span:first-child{display:flex;align-items:center;gap:9px}
.studio-demo-heading .home-icon{width:21px;height:21px;color:#97b7ff}
.studio-demo-tabs{display:flex;margin:0 24px 18px;padding:4px;background:#23334d;border-radius:10px;gap:4px}
.studio-demo-tabs[hidden]{display:none}
.studio-demo-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;padding:11px 5px;border:0;background:none;color:#cbd5e6;border-radius:7px;font:inherit;font-size:12px;cursor:pointer;line-height:1.4}
.studio-demo-tabs .home-icon{width:17px;height:17px;flex:none}
.studio-demo-tabs button[aria-selected=true]{background:#cbdbfd;color:#15243b;font-weight:600}
.studio-demo-view{padding:0 24px 20px;min-height:397px}
.studio-demo-view[hidden]{display:none}
.studio-showcase :focus-visible{outline:3px solid #97b7ff;outline-offset:3px}
.studio-film{position:relative;border-radius:12px;overflow:hidden;background:#0e1727;aspect-ratio:16/9}
.studio-film img{width:100%;height:100%;object-fit:contain;display:block}
.studio-film-brand{position:absolute;top:12px;left:12px;background:#15243bf2;color:#fff;font-size:9px;letter-spacing:2px;padding:7px 9px;border-radius:4px}
.studio-film-title{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:26px 14px 12px;background:linear-gradient(transparent,#101c2efa);color:#fff}
.studio-film-title strong{font-size:19px;line-height:1.15}.studio-film-title small{font-size:11px;color:#cbdbfd}
.studio-format{position:absolute;top:12px;right:12px;background:#15243bf2;padding:6px 8px;font-size:10px;border-radius:4px}
.studio-timeline{margin-top:20px}.studio-timeline>div{display:flex;justify-content:space-between;font-size:10px;color:#b3c0d4}
.studio-timeline ol{display:flex;list-style:none;padding:0;gap:4px;margin:8px 0;border-left:2px solid #97b7ff}
.studio-timeline li{background:#315bd8;border-radius:3px;padding:13px 9px;font-size:11px;flex:1;text-align:center}.studio-timeline li:nth-child(2){flex:2;background:#3c6bdd}
.studio-timeline p{display:flex;align-items:center;gap:8px;background:#23334d;padding:8px 10px;margin:0;border-radius:5px;font-size:11px;line-height:1.5}.studio-timeline p>.home-icon{width:16px;height:16px;flex:none}.studio-timeline p>span{margin-left:auto;letter-spacing:3px;color:#97b7ff;white-space:nowrap;overflow:hidden}
.studio-demo-note{font-size:11px!important;line-height:1.6!important;margin:15px 0 0!important;color:#c1cde0!important}
.studio-brand-sample{padding:22px;border:1px solid #516481;border-radius:12px;background:linear-gradient(135deg,#23334d,#101c2e);position:relative}
.studio-brand-monogram{display:inline-grid;place-content:center;width:42px;height:42px;border-radius:8px;background:#97b7ff;color:#15243b;font-weight:700;margin-right:12px}.studio-brand-sample>small{font-size:10px;letter-spacing:2px}.studio-brand-sample h3{font-size:32px;line-height:1.1;margin:22px 0 8px;color:#fff}.studio-brand-sample p{font-size:12px;color:#b3c0d4;margin:0}.studio-brand-swatches{display:flex;gap:6px;margin-top:20px}.studio-brand-swatches i{width:20px;height:20px;border-radius:50%;background:#97b7ff;border:1px solid #516481}.studio-brand-swatches i:nth-child(2){background:#fff}.studio-brand-swatches i:nth-child(3){background:#15243b}
.studio-brand-tools{display:grid;gap:12px;list-style:none;padding:0;margin:20px 0;font-size:13px}.studio-brand-tools li{display:flex;align-items:center;gap:9px}.studio-brand-tools .home-icon{width:17px;height:17px;color:#97b7ff}
.studio-destinations-title{font-size:18px!important;font-weight:600;margin:20px 0!important;line-height:1.4!important}
.studio-destinations{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0;list-style:none}.studio-destinations li{display:flex;align-items:center;gap:10px;border:1px solid #516481;border-radius:10px;padding:15px 10px;background:#23334d;min-width:0}.studio-destinations .home-icon{width:20px;height:20px;color:#97b7ff;flex:none}.studio-destinations .home-icon:last-child{width:12px;height:12px;margin-left:auto}.studio-destinations strong{display:block;font-size:12px}.studio-destinations small{display:block;font-size:10px;color:#c1cde0;line-height:1.4;margin-top:5px}
.studio-highlights{list-style:none;padding:0;display:grid;gap:19px;margin:24px 0}.studio-highlights li{display:flex;align-items:flex-start;gap:12px}.studio-highlights .home-icon{width:21px;height:21px;flex:none;color:var(--icon-ink);margin-top:3px}.studio-highlights strong{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.studio-highlights span{font-size:14px;line-height:1.55;color:var(--muted)}
.home-story-actions a.home-story-button{text-decoration:none}.home-story-actions button.home-story-text-link{border:0;padding:0;background:none;cursor:pointer;font-family:inherit}
.home-story-marketing .home-story-service-note{font-size:12px;line-height:1.6}.home-story-marketing .home-story-description{font-size:17px;line-height:1.65}
.pricebook-included-strip{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:22px 0;font-size:13px;color:var(--muted)}.pricebook-included-strip li{display:flex;gap:7px;align-items:center}.pricebook-included-strip .home-icon{width:17px;height:17px;color:var(--icon-ink)}
@media(max-width:800px){.home-story-marketing .home-story-copy{order:-1}.studio-demo-view{min-height:0}.studio-showcase{width:100%;max-width:600px;justify-self:center}.studio-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-highlights li{display:block}.studio-highlights .home-icon{margin-bottom:8px}}
@media(max-width:520px){.studio-demo-heading{padding:18px 16px;font-size:13px}.studio-demo-tabs{margin:0 16px 16px}.studio-demo-tabs button{font-size:11px}.studio-demo-view{padding:0 16px 18px}.studio-highlights{grid-template-columns:1fr;gap:14px}.studio-highlights li{display:flex}.studio-highlights .home-icon{margin-bottom:0}.studio-highlights span{font-size:13px}.studio-highlights strong{font-size:15px}.studio-destinations{gap:7px}.studio-destinations li{padding:12px 8px;gap:7px}.studio-destinations .home-icon{width:16px;height:16px}.studio-destinations .home-icon:last-child{display:none}.studio-film-title strong{font-size:16px}.studio-brand-sample h3{font-size:28px}.studio-timeline p>span{max-width:110px;letter-spacing:1px}.pricebook-included-strip{gap:10px 18px;font-size:12px}}

/* Concrete automation benefits, with the review step kept visible. */
.home-section-heading h2>span{display:block;color:var(--icon-ink)}
.home-automation-benefit{display:flex;align-items:center;gap:7px;margin:14px 0 6px;font-size:12px;font-weight:600;color:var(--icon-ink)}
.home-automation-benefit .home-icon{width:16px;height:16px;flex:none}
.pricebook-tools{border-top:1px solid var(--visual-border);padding-top:17px;margin-bottom:24px}
.pricebook-tools>p{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);margin-bottom:12px}
.pricebook-tools ul{display:grid;gap:9px;list-style:none;padding:0;margin:0}
.pricebook-tools li{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.5}
.pricebook-tools .home-icon{width:15px;height:15px;color:var(--icon-ink);flex:none}
.pricebook-tools>a{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:var(--icon-ink);text-decoration:underline;text-underline-offset:4px;margin-top:14px;min-height:36px}
.plan-features{margin-top:34px;scroll-margin-top:30px}
.plan-features-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.plan-features-heading h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin-top:8px}
.plan-features-plans{display:flex;gap:18px;font-size:13px;flex-wrap:wrap}
.plan-features-plans span{display:flex;align-items:center;gap:5px}
.plan-features-plans .home-icon{width:17px;height:17px;color:var(--icon-ink)}
.plan-features-intro{max-width:830px;font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:24px}
.plan-feature-groups{border:1px solid var(--visual-border);border-radius:16px;overflow:hidden;background:var(--visual-surface)}
.plan-feature-group+details{border-top:1px solid var(--visual-border)}
.plan-feature-group summary{display:flex;align-items:center;gap:20px;padding:18px 24px;cursor:pointer;list-style:none;min-height:66px}
.plan-feature-group summary::-webkit-details-marker{display:none}
.plan-feature-group summary:focus-visible{outline:3px solid var(--icon-ink);outline-offset:-4px}
.plan-feature-label{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.plan-feature-label strong{font-size:15px;font-weight:600;line-height:1.4}
.plan-feature-label>.home-icon{width:21px;height:21px;color:var(--icon-ink);flex:none}
.plan-feature-label small{color:var(--muted);font-size:12px;white-space:nowrap}
.plan-feature-included{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.plan-feature-included .home-icon{width:17px;height:17px;color:var(--icon-ink)}
.plan-feature-toggle{font-size:22px;width:20px;text-align:center;color:var(--muted);line-height:1;flex:none;transition:transform .15s}
.plan-feature-group[open] .plan-feature-toggle{transform:rotate(45deg)}
.plan-feature-group[open] summary{background:var(--icon-surface)}
.plan-feature-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px;list-style:none;padding:25px;margin:0}
.plan-feature-group li{display:flex;gap:12px;min-width:0}
.plan-feature-group li>.home-icon{width:19px;height:19px;flex:none;color:var(--icon-ink);margin-top:2px}
.plan-feature-group h4{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;margin:0}
.plan-feature-group li p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:6px}
@media(max-width:800px){.studio-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.plan-features-heading{align-items:flex-start;flex-direction:column;gap:15px}.plan-features-heading h3{font-size:24px}.plan-feature-group ul{grid-template-columns:1fr;padding:20px;gap:20px}.plan-feature-group summary{padding:17px 16px;gap:10px}.plan-feature-label{gap:9px;flex-wrap:wrap}.plan-feature-label small{margin-left:auto}.plan-feature-included{display:none}.plan-feature-group li p{font-size:14px}.pricebook-tools li{font-size:14px}.pricebook-tools>a{font-size:13px}.plan-features-intro{font-size:15px}}
@media(max-width:520px){.studio-highlights{grid-template-columns:1fr}.plan-feature-label small{display:none}.home-automation-benefit{font-size:12px;margin-top:12px}}

/* Keep the longer bilingual hero readable, with CRM as a secondary benefit. */
.hero h1{font-size:clamp(43px,4.35vw,59px);line-height:1.08;text-wrap:balance}
.hero-title>.eyebrow{line-height:1.65}
.hero-title>.eyebrow strong{font-weight:700}
/* Official artwork: preserve colours, proportions and the Encar 2x sprite. */
.home-source-strip>.home-source-logos{gap:24px;flex:none}
.home-source-logos>.home-source-logo{display:grid;place-items:center;flex:none;height:68px;border-radius:8px;line-height:0}
.home-source-logo-copart{width:126px}.home-source-logo-iaa{width:94px}.home-source-logo-encar{width:90px}
.home-source-logo img{display:block;max-width:100%;object-fit:contain}
.encar-official-wordmark{display:block;width:74px;height:28px;background:url('auction-logos/encar-header-sprite.png') 0 0 / 74px auto no-repeat}
html[data-theme=dark] .home-source-logos>.home-source-logo{background:#fff}
@media(max-width:520px){.home-source-strip>.home-source-logos{gap:14px}.home-source-logo-copart{width:112px}.home-source-logo-iaa{width:86px}.home-source-logo-encar{width:86px}.home-source-logo-copart img{width:98px}}
@media(max-width:370px){.home-source-strip>.home-source-logos{gap:10px}.home-source-logo-copart{width:98px}.home-source-logo-iaa{width:80px}.home-source-logo-encar{width:82px}.home-source-logo-copart img{width:90px}.home-source-logo-iaa img{width:80px;height:auto}}
.hero-crm{display:flex;gap:10px;align-items:flex-start;margin-top:18px;max-width:550px;color:var(--muted);font-size:15px;line-height:1.65}
.hero-crm>.home-icon{width:19px;height:19px;color:var(--icon-ink);flex:none;margin-top:3px}
.hero-note{flex-wrap:wrap;line-height:1.5;gap:5px 7px}.hero-note>span{color:var(--muted)}
html[lang=sq] .hero h1{font-size:clamp(40px,3.8vw,53px)}
@media(max-width:760px){.hero h1{font-size:clamp(38px,6.7vw,51px)}html[lang=sq] .hero h1{font-size:clamp(35px,6vw,47px)}.hero-description{font-size:17px;line-height:1.65}.hero-crm{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-note>span{flex-basis:100%;padding-left:22px}}
