/* Escargo public-business visual system. Presentation only: no product law lives here. */
:root{
  --bvs-ink:#063a25;
  --bvs-ink-2:#0a281f;
  --bvs-lime:#b8ed36;
  --bvs-lime-deep:#4d7c0f;
  --bvs-cream:#f5f5ee;
  --bvs-mist:#eaf4e8;
  --bvs-slate:#4b6066;
  --bvs-line:rgba(6,58,37,.14);
  --bvs-shadow:0 24px 64px rgba(5,41,27,.14);
}

.eo-hero-v{isolation:isolate;min-height:clamp(650px,72vw,790px);display:flex;align-items:center;overflow:hidden;background:var(--bvs-ink-2)}
.eo-hero-v::after{content:"";position:absolute;z-index:-1;right:-13rem;bottom:-16rem;width:40rem;height:40rem;border-radius:50%;background:radial-gradient(circle,rgba(184,237,54,.30),rgba(184,237,54,0) 67%);pointer-events:none}
.eo-hero-bg{filter:saturate(.82) contrast(1.04)}
.eo-hero-scrim{background:linear-gradient(90deg,rgba(6,40,28,.98) 0%,rgba(6,40,28,.91) 38%,rgba(6,40,28,.41) 63%,rgba(6,40,28,.12) 100%)}
.eo-hero-v .eo-wrap{position:relative;width:100%;z-index:1}
.eo-hero-copy{position:relative;z-index:2;max-width:38rem;padding-right:0}
.eo-hero-v .eo-eyebrow{color:#dff3ca;max-width:33rem;line-height:1.45}
.eo-hero-v h1{font-size:clamp(2.45rem,5vw,4.45rem);max-width:11ch;text-wrap:balance}
.eo-hero-v h1 em{color:var(--bvs-lime)}
.eo-hero-lead{font-size:clamp(1.05rem,1.6vw,1.24rem);max-width:33rem}
.eo-hero-body{max-width:35rem}
.eo-hero-ctas .eo-btn-primary{background:var(--bvs-lime);color:var(--bvs-ink-2);border-color:var(--bvs-lime);box-shadow:0 10px 28px rgba(184,237,54,.17)}
.eo-hero-product{position:absolute;z-index:1;right:0;top:50%;width:min(49vw,690px);transform:translateY(-47%) rotate(1.6deg);margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.32);box-shadow:0 32px 90px rgba(0,0,0,.46);background:#fff}
.eo-hero-product img{display:block;width:100%;height:auto}
.eo-hero-product figcaption{position:absolute;right:18px;bottom:16px;margin:0;border-radius:999px;padding:7px 11px;background:rgba(6,40,28,.9);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em}
.eo-hero-product::before{content:"Live product view";position:absolute;left:17px;top:15px;z-index:1;background:var(--bvs-lime);color:var(--bvs-ink-2);border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}

.eo-trust-strip{position:relative;z-index:3;margin-top:-1px;background:linear-gradient(90deg,#0a3524,#0d5332);border:0}
.eo-trust-row{gap:clamp(15px,3vw,48px)}
.eo-trust-row span{color:#f7fff1}
.eo-trust-row svg{color:var(--bvs-lime)}

#how-to-start{background:linear-gradient(120deg,#fff 0%,#f5faef 53%,#e9f5d8 100%)}
#how-to-start .eo-sechead{max-width:48rem}
.eo-start-grid{gap:clamp(16px,2vw,26px)}
.eo-start{position:relative;overflow:hidden;border:1px solid var(--bvs-line);border-radius:20px;padding:28px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset;background:rgba(255,255,255,.88);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.eo-start:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(6,58,37,.10)}
.eo-start::after{content:"";height:5px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--bvs-lime),#e1bd43)}
.eo-start-guided{border-color:rgba(77,124,15,.42);box-shadow:var(--bvs-shadow);background:linear-gradient(150deg,#fff,#f5fbe7)}
.eo-start-kicker{color:#416b12}
.eo-start h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.08}
.eo-start .eo-btn-primary{background:var(--bvs-ink);border-color:var(--bvs-ink)}

.sol-centre{background:var(--bvs-cream)!important}
.sol-centre > .eo-wrap > p{max-width:40rem}
.sol-centre .eo-start-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sol-centre .eo-start{min-height:205px;justify-content:flex-end;color:#fff;border:0;border-radius:18px;background:#0d3928 center/cover no-repeat;box-shadow:none}
.sol-centre .eo-start::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,39,27,.08),rgba(5,39,27,.9));z-index:0}
.sol-centre .eo-start>*{position:relative;z-index:1}.sol-centre .eo-start h3{color:#fff}.sol-centre .eo-start p{color:#e7f3e5}
.sol-centre .eo-start:nth-child(1){background-image:url('categories/11-garage.webp')}
.sol-centre .eo-start:nth-child(2){background-image:url('categories/12-recovery.webp')}
.sol-centre .eo-start:nth-child(3){background-image:url('cat/car_detailing-300.webp')}
.sol-centre .eo-start:nth-child(4){background-image:url('cat/mobile_mechanic-300.webp')}
.sol-centre .eo-start:nth-child(5){background-image:url('os/media/dealer-sales-floor-wide.webp')}
.sol-centre .eo-start:nth-child(6){background-image:url('os/media/parts-workflow.webp')}
.sol-centre .eo-start:nth-child(7){background-image:url('marketing/photo-garage-team.webp')}
.sol-centre .eo-start:nth-child(8){background-image:url('marketing/capture-garage-team.webp')}

.eo-aud{position:relative;overflow:hidden;background:linear-gradient(135deg,#093c27,#0a2c20);color:#fff;padding-block:clamp(58px,8vw,108px)}
.eo-aud::before{content:"";position:absolute;inset:auto -12rem -22rem auto;width:42rem;height:42rem;border-radius:50%;background:radial-gradient(circle,rgba(184,237,54,.24),transparent 68%)}
.eo-aud .eo-aud-head p{color:#cfe2d1}.eo-aud .eo-aud-grid{position:relative;z-index:1;gap:14px}
.eo-aud-card{position:relative;overflow:hidden;min-height:250px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));padding:22px;isolation:isolate}
.eo-aud-card::before{content:"";position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;opacity:.42;filter:saturate(.78)}
.eo-aud-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(6,43,28,.35),rgba(3,23,16,.95) 90%)}
.eo-aud-card:nth-child(1)::before{background-image:url('marketing/photo-garage-owner-operations.webp')}
.eo-aud-card:nth-child(2)::before{background-image:url('os/media/recovery-dispatch.webp')}
.eo-aud-card:nth-child(3)::before{background-image:url('os/media/workshop-operations.webp')}
.eo-aud-card:nth-child(4)::before{background-image:url('os/media/parts-workflow.webp')}
.eo-aud-card:nth-child(5)::before{background-image:url('marketing/photo-garage-team.webp')}
.eo-aud-card h3,.eo-aud-card p,.eo-aud-card a{color:#fff}.eo-aud-card a{font-weight:800}.eo-aud-ico{color:var(--bvs-lime);background:rgba(184,237,54,.12);border:1px solid rgba(184,237,54,.22)}

.eo-dash{position:relative;background:linear-gradient(170deg,#eff7e8,#fff 70%);padding-block:clamp(64px,9vw,118px)}
.eo-dash-media{border-radius:22px;overflow:hidden;box-shadow:var(--bvs-shadow);border:8px solid #fff;transform:rotate(-.7deg)}
.eo-dash-media::after{content:"Real Escargo operating workspace";position:absolute;left:16px;bottom:15px;border-radius:999px;padding:7px 11px;background:rgba(6,58,37,.9);color:#fff;font-size:.72rem;font-weight:800}
.eo-dash-grid>div:last-child{align-self:center}.eo-dash h2{font-size:clamp(2rem,3.2vw,3.25rem);max-width:14ch}.eo-checks li::marker{color:var(--bvs-lime-deep)}

.eo-sec[aria-labelledby="flow-h"]{background:linear-gradient(180deg,#fff,#f3f6f0)}
.eo-flow{padding:8px;border:1px solid var(--bvs-line);border-radius:22px;background:#fff;box-shadow:0 14px 45px rgba(7,54,35,.08)}
.eo-flow button{border-radius:12px}.eo-flow button[aria-selected="true"]{background:var(--bvs-ink);color:#fff}.eo-flow button[aria-selected="true"] i{background:var(--bvs-lime);color:var(--bvs-ink)}
.eo-flow-panel{border:0;border-left:5px solid var(--bvs-lime);border-radius:0 16px 16px 0;background:#fff;box-shadow:0 14px 32px rgba(7,54,35,.06)}

.eo-sec[aria-labelledby="value-h"]{background:linear-gradient(135deg,#fcfcf7 0%,#eaf5df 100%)}
.eo-sec[aria-labelledby="value-h"] .eo-card{border:0;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--bvs-lime),#dfc65a) 1;border-radius:0 0 16px 16px;box-shadow:0 12px 28px rgba(6,58,37,.07)}

@media (prefers-reduced-motion:no-preference){
  .eo-hero-v::after,.eo-aud::before{animation:bvs-drift 18s ease-in-out infinite alternate}
}
@keyframes bvs-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-3%, -2%, 0) scale(1.08)}}
@media (max-width:1024px){.eo-hero-product{right:2%;width:48vw}.sol-centre .eo-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){
  .eo-hero-v{height:auto!important;min-height:0;display:block;padding-top:54px;align-items:initial}
  .eo-hero-v .eo-wrap{padding-bottom:30px}
  .eo-hero-product{position:relative;top:auto;right:auto;bottom:auto;width:min(92vw,640px);margin:28px auto 0;transform:rotate(1.2deg)}
  .eo-hero-copy{max-width:34rem}.eo-hero-copy .eo-hero-body,.eo-hero-copy .eo-hero-promise{max-width:31rem}
  .eo-trust-row{flex-wrap:wrap}#how-to-start .eo-start:nth-child(3){grid-column:1/-1}
  .sol-centre .eo-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eo-aud-card{min-height:220px}.eo-dash-grid{gap:38px}
}
@media (max-width:430px){
  .eo-hero-v{padding-top:48px}.eo-hero-v h1{font-size:clamp(2.15rem,10vw,2.75rem)}.eo-hero-copy .eo-hero-body{display:none}
  .eo-hero-product{width:calc(100% - 6px);margin-top:22px;border-radius:13px}.eo-hero-product figcaption{font-size:.63rem;right:9px;bottom:9px}.eo-hero-product::before{left:10px;top:9px;padding:5px 7px;font-size:.59rem}
  .eo-start-grid{grid-template-columns:minmax(0,1fr)}#how-to-start .eo-start:nth-child(3){grid-column:auto}.eo-start{min-width:0;padding:22px}.eo-start .eo-btn{min-width:0}.sol-centre .eo-start-grid{grid-template-columns:1fr}.sol-centre .eo-start{min-height:165px}
  .eo-aud{padding-block:56px}.eo-aud-card{min-height:190px}.eo-dash-media{border-width:5px}.eo-flow{overflow-x:auto}.eo-flow button{min-width:138px}
}
@media (max-width:320px){.eo-hero-v h1{font-size:2rem}.eo-hero-ctas{display:grid;gap:10px}.eo-hero-ctas .eo-btn{width:100%}.eo-start{padding:19px 17px}}