/* Design tokens: light is the base, dark is [data-theme=dark]. assets/theme.js sets the attribute. */
:root,:root[data-theme=light]{color-scheme:light;--bg:#F6F8FB;--bg2:#EEF2F7;--panel:#FFFFFF;--panel2:#F1F4F9;--line:rgba(15,23,42,.10);--line-strong:#B4BFCE;--text:#1B2430;--text-soft:#3D4A5B;--muted:#5F6B7A;--placeholder:#7B8797;--accent:#0E9BC9;--accent-ink:#0A7EA6;--blue:#2563EB;--on-accent:#FFFFFF;--danger:#C0392B;--danger-bg:#FCEBEA;--danger-line:#F0C2BE;--danger-fg:#8E2A24;--ok-fg:#0B6B4B;--ok-bg:#E3F6EE;--ok-line:#A9DEC6;--ok-edge:#1FA774;--warn-fg:#8A5A0B;--warn-bg:#FBF3DF;--warn-line:#EBD39B;--info-fg:#0A6C90;--info-bg:#E6F3FA;--info-line:#B9DBEA;--star:#C98A0B;--topbar:#F6F8FBF2;--hover:#E8EDF4;--bar:#CBD5E1;--toast-bg:#1B2430;--toast-fg:#F6F8FB;--toast-line:#1B2430;--shadow-md:0 8px 24px rgba(15,23,42,.10);--shadow-lg:0 14px 40px rgba(15,23,42,.16);--shadow-xl:0 25px 80px rgba(15,23,42,.28);--hero-a:#FFFFFF;--hero-b:#EEF2F7;--sos:#D9534F;--sos-deep:#B83A36;--sos-edge:#F2A09C;--sos-solid:#D14B2F;--on-sos:#FFFFFF;--sos-ink:#B9442A;--sos-bg:#FDEEE9;--sos-bg2:#FBE3DA;--sos-line:#D9583D;}
:root[data-theme=dark]{color-scheme:dark;--bg:#0F141B;--bg2:#121923;--panel:#161C26;--panel2:#1D2530;--line:rgba(255,255,255,.08);--line-strong:#3A4658;--text:#E6EAF0;--text-soft:#B8C2CF;--muted:#9AA4B2;--placeholder:#6F7C8E;--accent:#38BDF8;--accent-ink:#38BDF8;--blue:#3B82F6;--on-accent:#06202E;--danger:#F87171;--danger-bg:#2E1A22;--danger-line:#5E3340;--danger-fg:#FFD3D8;--ok-fg:#7FE7BF;--ok-bg:#12332C;--ok-line:#23594D;--ok-edge:#50CE96;--warn-fg:#F9D085;--warn-bg:#2F2714;--warn-line:#5F4E2B;--info-fg:#B4DDF0;--info-bg:#14283A;--info-line:#28465C;--star:#F4C76F;--topbar:#0F141BF2;--hover:#232D3B;--bar:#364754;--toast-bg:#0F2E3B;--toast-fg:#D9FAFF;--toast-line:#1B6F88;--shadow-md:0 8px 24px rgba(0,0,0,.30);--shadow-lg:0 12px 40px rgba(0,0,0,.45);--shadow-xl:0 25px 100px rgba(0,0,0,.60);--hero-a:#161C26;--hero-b:#121923;--sos:#E5675F;--sos-deep:#C24A44;--sos-edge:#F4A29D;--sos-solid:#F07557;--on-sos:#101318;--sos-ink:#EF947D;--sos-bg:#31201D;--sos-bg2:#4B2B20;--sos-line:#EF8065;}
:root{--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{transition:background .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:20px}h2{font-size:1.5rem;letter-spacing:-.025em}h3{font-size:1.08rem}small{font-size:.875rem}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{height:82px;border-bottom:1px solid var(--line);background:var(--topbar);display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.header-inner,.row{display:flex;align-items:center;gap:14px}.header-inner{justify-content:space-between}.brand{font-weight:900;font-size:1.45rem;letter-spacing:-.04em;white-space:nowrap}.brand em{font-style:normal;color:var(--accent-ink)}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--accent);color:var(--on-accent);border-radius:11px;margin-right:9px;font-size:1rem}.nav{display:flex;align-items:center;gap:22px;font-size:.9rem}.nav a{color:var(--muted)}.nav a:hover,.nav a.active{color:var(--accent-ink)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);font-weight:650;font-size:.9rem;line-height:1.5}.btn:hover{border-color:var(--line-strong);background:var(--hover)}.btn.primary{background:linear-gradient(110deg,var(--accent),var(--blue));border:0;color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:var(--danger-line)}.btn.small{padding:7px 11px;font-size:.875rem}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.accent{color:var(--accent-ink)}.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}.page{padding:36px 0 70px;min-height:75vh}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px;padding:18px 0 34px}.hero p{max-width:500px;color:var(--muted)}.hero-visual{height:240px;position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--panel2)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050e1ccf,transparent 60%)}.hero-caption{position:absolute;bottom:17px;left:22px;z-index:1;font-size:.875rem;letter-spacing:.03em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.search-panel{margin-bottom:26px;box-shadow:0 14px 60px #00cfe808}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:12px 13px;color:var(--text);min-width:0;font-size:1rem}.field textarea{resize:vertical;min-height:120px}.field input::placeholder{color:var(--placeholder)}.field.wide{grid-column:1/-1}.field.half{grid-column:span 2}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.form-actions p{margin:0}.search-line{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}.search-line input{padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);width:100%;min-width:0}.advanced{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.advanced summary{cursor:pointer;font-size:.9rem;color:var(--muted)}.advanced .fields{margin-top:14px}.check{display:flex;align-items:center;gap:9px;font-size:.9rem}.check input{accent-color:var(--accent);width:18px;height:18px}.categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:24px 0 36px}.category{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 7px;color:var(--muted);text-align:center;font-size:.875rem;display:flex;align-items:center;flex-direction:column;gap:10px}.category .icon{width:25px;height:25px}.category.active,.category:hover{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-head h2,.section-head p{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);position:relative}.card:hover{border-color:var(--line-strong)}.card-photo{aspect-ratio:1.6;background:var(--panel2);display:grid;place-items:center;color:var(--muted)}.card-photo img{height:100%;width:100%;object-fit:cover}.card-content{padding:18px}.card-content h3{margin:8px 0}.price{font-size:1.35rem;font-weight:800;color:var(--accent-ink);letter-spacing:-.02em}.card-meta{font-size:.875rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px}.fav{position:absolute;right:12px;top:12px;background:#06111ee8;border:1px solid #486175;border-radius:50%;width:38px;height:38px;color:#fff;display:grid;place-items:center;z-index:2}.fav.selected{color:var(--accent)}.fav.selected svg{fill:currentColor}.badge{display:inline-block;padding:3px 9px;background:var(--info-bg);color:var(--info-fg);border:1px solid var(--info-line);border-radius:6px;font-size:.8rem}.badge.pending{color:var(--warn-fg);border-color:var(--warn-line);background:var(--warn-bg)}.badge.rejected{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}.badge.active{color:var(--ok-fg);background:var(--ok-bg);border-color:var(--ok-line)}.empty{padding:55px 24px;text-align:center;grid-column:1/-1;background:linear-gradient(140deg,var(--panel),var(--bg2));border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty .icon{width:36px;height:36px;color:var(--accent-ink);margin-bottom:16px}.empty p{max-width:510px;margin:0 auto 20px;color:var(--muted)}.empty h3{font-size:1.2rem}.error{padding:16px;color:var(--danger-fg);border:1px solid var(--danger-line);background:var(--danger-bg);border-radius:12px;margin:16px 0}.notice{background:var(--info-bg);border:1px solid var(--info-line);color:var(--info-fg);border-radius:12px;padding:15px;font-size:.9rem}.loading{padding:35px;color:var(--muted);text-align:center}.spinner{display:inline-block;width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px}.ai-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--info-line);background:linear-gradient(115deg,var(--info-bg),var(--panel));border-radius:var(--radius);padding:26px;margin-top:38px}.ai-banner h3{margin:0 0 5px}.ai-banner p{margin:0;color:var(--muted);font-size:.9rem}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.875rem}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.auth{max-width:470px;margin:30px auto}.auth .field{margin-bottom:17px}.auth h1{font-size:2rem}.auth .btn.primary{width:100%}.auth-footer{text-align:center;font-size:.9rem;margin:24px 0 0}.narrow{max-width:850px;margin:auto}.form-section{margin-bottom:20px}.form-section h2{font-size:1.2rem;margin-bottom:20px}.step-num{font-size:.85rem;color:var(--accent-ink);margin-right:12px}.upload-box{padding:22px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--bg)}.upload-box input{max-width:100%;font-size:.875rem}.photos{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.photo{position:relative;width:125px}.photo img{width:125px;height:90px;object-fit:cover;border-radius:10px}.photo-controls{display:flex;gap:5px;margin-top:5px}.photo-controls button{font-size:.75rem;padding:4px 8px}.layout{display:grid;grid-template-columns:240px 1fr;gap:28px}.sidebar{align-self:start;position:sticky;top:105px;padding:15px}.sidebar a,.sidebar button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.9rem;text-align:left}.sidebar a:hover,.sidebar a.active{background:var(--panel2);color:var(--accent-ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.stat{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.stat strong{font-size:1.8rem;display:block}.stat span{font-size:.875rem;color:var(--muted)}.item-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px}.detail-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:26px}.gallery-main{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:18px;background:var(--panel2)}.thumbnails{display:flex;gap:10px;overflow:auto;margin:12px 0 25px}.thumbnails button{padding:0;background:none;border:2px solid transparent;border-radius:9px;overflow:hidden;flex:0 0 85px}.thumbnails button:hover,.thumbnails button.active{border-color:var(--accent)}.thumbnails img{height:65px;width:85px;object-fit:cover}.detail-info{align-self:start;position:sticky;top:105px}.detail-info h1{font-size:2rem}.detail-info .price{font-size:2rem;margin:14px 0}.detail-info .btn{width:100%;margin-top:10px}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px;margin:20px 0}.specs div{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:14px;font-size:.9rem}.specs dt{color:var(--muted)}.specs dd{margin:0;text-align:right}.description{white-space:pre-wrap;overflow-wrap:anywhere}.map{height:420px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel2);z-index:1}.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map-layout .map{height:600px;position:sticky;top:105px}.map-list{max-height:600px;overflow:auto}.map-item{display:block;padding:20px;border-bottom:1px solid var(--line)}.map-item:hover{background:var(--panel2)}.chat{max-width:820px;margin:auto}.chat-history{min-height:220px;display:flex;flex-direction:column;gap:18px;margin:25px 0}.bubble{padding:18px 22px;border-radius:16px;background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:color-mix(in srgb,var(--accent) 20%,var(--panel));align-self:flex-end;max-width:85%}.chat-prompts{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{color:var(--muted)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:26px;width:min(460px,calc(100% - 30px))}dialog::backdrop{background:#02060cbf;backdrop-filter:blur(5px)}#toast{position:fixed;right:20px;bottom:25px;max-width:min(440px,calc(100% - 40px));padding:15px 22px;border:1px solid var(--toast-line);background:var(--toast-bg);border-radius:12px;color:var(--toast-fg);z-index:100;box-shadow:var(--shadow-lg)}#toast:empty{display:none}[hidden]{display:none!important}.mobile-toggle{display:none}.skip{position:absolute;left:10px;top:-60px;background:var(--accent);color:#000;padding:10px;z-index:100}.skip:focus{top:10px}.break{overflow-wrap:anywhere}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.leaflet-popup-content a{color:#073c60;font-weight:700}.leaflet-popup-content{color:#132331}.status-text{font-size:.875rem;min-height:1.5em}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs button[aria-selected=true]{color:var(--accent-ink);border-color:var(--accent)}
@media(max-width:980px){.nav{gap:12px}.nav a{font-size:.875rem}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.categories{display:flex;overflow:auto;padding-bottom:8px}.category{min-width:132px}.layout{grid-template-columns:190px 1fr}.detail-layout{grid-template-columns:1.3fr 1fr}.nav-actions .btn{padding:9px 12px}.brand{font-size:1.25rem}}@media(max-width:720px){.container{width:calc(100% - 28px)}.topbar{height:70px}.mobile-toggle{display:inline-flex;padding:9px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--panel);padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav-actions .account-label{display:none}.brand-mark{width:30px;height:30px;margin-right:5px}.brand{font-size:1.15rem}.nav-actions{gap:6px}.nav-actions .btn{font-size:.8rem;padding:9px}.hero{grid-template-columns:1fr;padding-top:6px;gap:10px}.hero-visual{display:none}.hero h1{max-width:500px;font-size:2.4rem}.hero p{margin-bottom:0}.page{padding-top:25px}.panel{padding:18px}.search-line{grid-template-columns:1fr}.search-line .btn{width:100%}.category{min-width:118px}.categories{margin-bottom:25px}.grid{gap:13px}.card-content{padding:14px}.card-content h3{font-size:1rem}.price{font-size:1.15rem}.card-meta{font-size:.8rem}.ai-banner{align-items:flex-start;flex-direction:column;padding:22px}.layout{grid-template-columns:1fr;gap:20px}.sidebar{position:static;display:flex;overflow:auto;gap:5px;padding:8px}.sidebar a,.sidebar button{white-space:nowrap;width:auto}.sidebar .sidebar-user{display:none}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:1.4rem}.stat span{font-size:.8rem}.detail-layout,.map-layout{grid-template-columns:1fr}.detail-info{position:static;grid-row:1}.detail-layout .detail-info .price{font-size:1.8rem}.detail-info h1{font-size:1.65rem}.map-layout .map{height:360px;position:static}.map-list{max-height:none}.section-head{align-items:flex-start}.section-head h2{font-size:1.25rem}.footer .container{flex-direction:column;gap:10px}.fields{gap:13px}.field.half{grid-column:1/-1}.auth{margin:5px auto}.item-actions{padding:0 14px 14px}.item-actions .btn{font-size:.8rem;padding:7px}.specs{grid-template-columns:1fr}.chat-prompts .btn{text-align:left}.nav-actions .icon{width:17px}.badge{font-size:.75rem}}@media(max-width:390px){.grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.brand-mark{display:none}.hero h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Category-specific service discovery */
.service-heading h1{font-size:clamp(2rem,5vw,3rem)}
.service-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.service-layout .map{height:620px;position:sticky;top:95px;z-index:0}
.service-card{margin-bottom:16px;scroll-margin-top:100px;overflow-wrap:anywhere}
.service-card:focus{outline:2px solid var(--accent,#00c8db)}
.service-card img{width:100%;height:170px;object-fit:cover;border-radius:10px}
.service-card h2{font-size:1.2rem;margin-top:12px}
.service-controls{display:flex;gap:16px;align-items:end;margin-bottom:12px}
.service-toggle{display:none;gap:8px}
.service-toggle [aria-pressed=true]{border-color:var(--accent);color:var(--accent-ink)}
@media(max-width:760px){.service-layout{grid-template-columns:minmax(0,1fr)}.service-layout .map{height:420px;position:relative;top:0}.service-toggle{display:flex}.service-layout[data-view=map] #service-list{display:none}.service-layout[data-view=list] #service-map{display:none}.service-controls{justify-content:space-between}.service-card .form-actions{flex-wrap:wrap}}

/* Category panels must remain hidden even when they use a grid/flex layout. */
[hidden]{display:none!important}
.categories{grid-template-columns:repeat(4,minmax(0,1fr))}
.plate-number{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;letter-spacing:.06em;background:#f3f6fa;color:#132231;padding:14px;border:3px solid #132231;border-radius:10px;white-space:nowrap}
@media(max-width:720px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* SA identity: crisp road emblem and calm upright wordmark. */
.brand.brand-sa{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1;letter-spacing:-.045em;font-weight:700;font-size:1.45rem;color:var(--text)}
.brand-sa .brand-emblem{width:62px;height:30px;object-fit:contain;flex:none}
.brand-domain{font-size:.62em;letter-spacing:-.015em;color:var(--muted);margin-left:1px}
@media(max-width:1100px){.brand.brand-sa{gap:8px;font-size:1.25rem}.brand-sa .brand-emblem{width:52px;height:26px}}
@media(max-width:640px){.brand.brand-sa{gap:6px;font-size:1.15rem}.brand-sa .brand-emblem{width:44px;height:23px}.brand-domain{display:none}}
@media(max-width:360px){.brand.brand-sa{font-size:1rem;gap:4px}.brand-sa .brand-emblem{width:36px;height:20px}.header-inner{gap:8px}}
/* Brief entrance and deliberate interaction; never loop or move the layout. */
@media(prefers-reduced-motion:no-preference){
 .brand-sa .brand-emblem{animation:brand-arrive .65s cubic-bezier(.2,.75,.25,1) both;transition:transform .25s ease}
 .brand-sa .brand-wordmark{animation:brand-reveal .5s ease .12s both}
 .brand-sa:focus-visible .brand-emblem{transform:translateX(2px) rotate(-2deg)}
 .brand-sa:active .brand-emblem{transform:scale(.96)}
 @media(hover:hover) and (pointer:fine){.brand-sa:hover .brand-emblem{transform:translateX(2px) rotate(-2deg)}}
}
@keyframes brand-arrive{from{opacity:0;translate:-8px 0;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes brand-reveal{from{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}

/* One edge-to-edge light field from the header to the category row. */
.page.home-page{width:100%;padding-top:0}
.page.home-page>:not(.home-intro){width:min(1200px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.home-intro{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 26px;margin-bottom:28px;background:radial-gradient(ellipse at 15% 85%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(ellipse at 90% 15%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 60%)}
.home-intro>.container{position:relative;z-index:1}
.home-intro .categories{margin-bottom:0}
.home-intro .category{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.home-intro .category.active,.home-intro .category:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}
.home-intro::before,.home-intro::after{content:"";position:absolute;pointer-events:none;z-index:0;inset:-35% -20%}
.home-intro::before{background:radial-gradient(ellipse at 27% 60%,color-mix(in srgb,var(--accent) 24%,transparent) 0%,color-mix(in srgb,var(--accent) 10%,transparent) 24%,transparent 49%),radial-gradient(ellipse at 74% 36%,color-mix(in srgb,var(--blue) 27%,transparent) 0%,color-mix(in srgb,var(--blue) 11%,transparent) 23%,transparent 48%);transform:translate3d(-7%,4%,0) rotate(-6deg)}
.home-intro::after{background:linear-gradient(118deg,transparent 34%,color-mix(in srgb,var(--accent) 3%,transparent) 40%,color-mix(in srgb,var(--accent) 15%,transparent) 47%,color-mix(in srgb,var(--blue) 12%,transparent) 52%,transparent 61%);transform:translate3d(-16%,0,0) rotate(-4deg);opacity:.75}
@media(prefers-reduced-motion:no-preference){
 .home-intro::before{animation:hero-aurora 14s ease-in-out infinite alternate}
 .home-intro::after{animation:hero-light-wave 11s ease-in-out infinite alternate}
}
@keyframes hero-aurora{0%{transform:translate3d(-7%,4%,0) rotate(-6deg);opacity:.7}50%{opacity:1}100%{transform:translate3d(9%,-4%,0) rotate(5deg);opacity:.8}}
@keyframes hero-light-wave{from{transform:translate3d(-16%,0,0) rotate(-4deg);opacity:.45}to{transform:translate3d(20%,3%,0) rotate(4deg);opacity:.9}}
@media(max-width:640px){.home-intro{padding-top:25px;padding-bottom:20px;margin-bottom:25px}.home-intro::before,.home-intro::after{inset:-20% -35%}}

/* Listing-backed service map */
.map-legend{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.service-map-card{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.service-map-card>img{width:100%;height:135px;object-fit:cover;border-radius:10px}.service-map-card h3{margin:10px 0}.map-actions{display:flex;gap:8px;flex-wrap:wrap}.map-listing-link{display:block;margin:8px 0;text-decoration:underline}.service-map-pin span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid white;border-radius:50% 50% 50% 4px;box-shadow:0 2px 8px #0006;font-size:21px}.service-map-pin sup{position:absolute;right:-8px;top:-8px;background:#fff;color:#152333;border-radius:20px;padding:1px 5px;font-size:12px}.leaflet-popup-content .service-map-card{color:#17232d;min-width:210px}.leaflet-popup-content .btn{color:#123040;background:#e4f3f8;border-color:#b4c7cf}.leaflet-popup-content .map-listing-link{color:#075b78}

/* Discovery: compact first screen, real filters and comparison. */
.home-intro{padding:26px 0 0;margin-bottom:32px}
.discovery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.discovery-heading h1{font-size:clamp(1.75rem,3.4vw,2.8rem);margin-bottom:12px;max-width:760px}
.discovery-heading .eyebrow{margin-bottom:10px}.discovery-heading p{margin-bottom:0}
.discovery-map{flex-shrink:0}.home-intro .categories{display:flex;overflow-x:auto;gap:8px;margin:24px 0 18px;padding:2px 2px 8px;scrollbar-width:thin}
.home-intro .category{flex:1 0 auto;min-width:0;flex-direction:row;padding:11px 13px;gap:7px;font-size:.82rem;border-radius:11px}
.home-intro .category .icon{width:18px;height:18px}.home-intro .search-panel{background:color-mix(in srgb,var(--panel) 93%,transparent);margin:0 0 25px}
.home-intro .fields{grid-template-columns:repeat(6,minmax(0,1fr))}.home-intro .advanced .fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.body-choices{border:0;margin:0 0 20px;padding:0;min-width:0}.body-choices legend{font-size:.8rem;color:var(--muted);padding:0;margin-bottom:9px}
.body-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.body-choice{background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--text-soft);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;font-size:.8rem;min-width:0}
.body-choice svg{width:66px;height:40px;max-width:100%}.body-choice:hover{border-color:var(--accent)}.body-choice[aria-pressed=true]{color:var(--ok-fg);background:var(--ok-bg);border-color:var(--ok-edge);box-shadow:inset 0 0 0 1px var(--ok-edge)}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.filter-chip{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--info-line);background:var(--info-bg);color:var(--info-fg);padding:6px 11px;border-radius:30px;font-size:.8rem;overflow-wrap:anywhere;min-height:40px}.filter-chip span{font-size:1.2rem}
.compare-choice{margin-top:14px;width:100%;background:transparent}.compare-choice[aria-pressed=true]{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-edge)}.card.compare-selected{border-color:var(--ok-edge);box-shadow:0 0 0 1px var(--ok-edge)}
#compare-bar{position:fixed;z-index:25;bottom:18px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 28px));padding:16px 20px;border:1px solid color-mix(in srgb,var(--ok-edge) 60%,var(--line));background:color-mix(in srgb,color-mix(in srgb,var(--ok-edge) 8%,var(--panel)) 94%,transparent);backdrop-filter:blur(16px);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;gap:18px;align-items:center}
.compare-picks{display:flex;gap:7px;margin-top:6px;flex-wrap:wrap}.compare-pick{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ok-bg);color:var(--ok-fg);border:1px solid var(--ok-line);border-radius:7px;font-size:.75rem;padding:5px 9px;min-height:32px}
.compare-bar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.has-comparison{padding-bottom:150px}.has-comparison #toast{bottom:170px}
.comparison-heading{margin:26px 0}.comparison-heading h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:12px}.comparison-heading .check{flex-shrink:0}
.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:16px}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:760px;background:var(--panel)}
.comparison-table th,.comparison-table td{padding:18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;overflow-wrap:anywhere;vertical-align:top}.comparison-table th:first-child{width:160px;background:var(--panel2)}.comparison-table tbody th{font-size:.875rem;color:var(--muted)}.comparison-table thead th{font-weight:650}.comparison-table img,.compare-no-photo{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:14px;background:var(--panel2)}.compare-no-photo{display:grid;place-items:center;color:var(--muted);font-weight:400}.comparison-table tr[data-same=false] td{background:color-mix(in srgb,var(--ok-edge) 12%,transparent)}.comparison-table tbody tr:first-child td{font-size:1.2rem;font-weight:750;color:var(--accent-ink)}.compare-remove{display:block;margin-top:12px;font-size:.8rem;color:var(--muted);text-decoration:underline}.compare-scroll-hint{font-size:.8rem}
.vehicle-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.vehicle-highlights>div{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:13px}.vehicle-highlights span{display:block;color:var(--muted);font-size:.75rem}.vehicle-highlights strong{display:block;font-size:.95rem;margin-top:5px;overflow-wrap:anywhere}
.gallery-stage{position:relative;touch-action:pan-y;border-radius:18px;overflow:hidden;background:var(--panel2)}.gallery-stage .gallery-main{margin:0;width:100%;object-fit:contain}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;border:1px solid #7893a5;background:#0b1424d9;color:#fff;border-radius:10px;font-size:2rem;line-height:1}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-count{position:absolute;bottom:12px;right:12px;background:#091424e6;color:white;padding:4px 12px;border-radius:20px;font-size:.8rem}.thumbnails{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.thumbnails button{flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card{transition:border-color .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-photo img{transition:transform .25s}.card:hover .card-photo img{transform:scale(1.025)}}
@media(max-width:1000px){.home-intro .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.discovery-heading{align-items:flex-start}.discovery-map{display:none}.home-intro{padding-top:22px}.home-intro .category{padding:10px 12px}.home-intro .categories{margin-top:18px}.home-intro .fields,.home-intro .advanced .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.body-options{display:flex;overflow-x:auto;padding:2px 2px 8px}.body-choice{min-width:88px;flex:0 0 88px}.home-intro .search-panel{padding:16px}.home-intro .search-line{grid-template-columns:minmax(0,1fr) auto}.home-intro .search-line .btn{font-size:0;min-width:46px;padding:10px}.home-intro .search-line .btn .icon{width:20px;height:20px}.comparison-heading{flex-direction:column;align-items:flex-start}.comparison-table{min-width:720px}.comparison-table th:first-child{width:130px}.comparison-table th,.comparison-table td{padding:12px}.comparison-table th:first-child{position:sticky;left:0;z-index:1}#compare-bar{bottom:10px;padding:12px;gap:10px;flex-direction:column;align-items:stretch}.compare-picks{display:none}.compare-bar-actions{justify-content:space-between}.compare-bar-actions .btn{padding:9px 12px}.has-comparison{padding-bottom:155px}.detail-layout>section{min-width:0}.thumbnails{max-width:100%}}
@media(max-width:360px){.home-intro .fields,.home-intro .advanced .fields{grid-template-columns:1fr}.vehicle-highlights{gap:7px}.vehicle-highlights>div{padding:10px}}

.comparison-heading>div{min-width:0;max-width:100%}.comparison-heading p{overflow-wrap:anywhere}.brand-sa .brand-wordmark{color:var(--text)}

.credit-calculator{margin-top:20px;max-width:850px;min-width:0}.credit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.credit-fields label{min-width:0}.credit-fields input{width:100%;min-width:0}.credit-monthly{padding:20px;background:var(--panel2);border:1px solid var(--accent);border-radius:14px;display:flex;flex-direction:column;gap:6px}.credit-monthly strong{font-size:clamp(1.5rem,5vw,2.3rem);color:var(--accent-ink);overflow-wrap:anywhere}.credit-summary{margin:16px 0}.credit-summary>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px 0}.credit-summary dd{margin:0;text-align:right;font-weight:600}.credit-note{font-size:.8rem;line-height:1.6;margin-top:20px}#credit-error:empty{display:none}#credit-result{margin-top:20px}@media(max-width:420px){.credit-fields{grid-template-columns:1fr}.credit-summary>div{flex-wrap:wrap;gap:5px}.credit-summary dd{margin-left:auto}}

/* Balanced vehicle introduction: photography without a full-screen banner. */
.discovery-hero{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:238px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(115deg,var(--hero-a),var(--hero-b));box-shadow:var(--shadow-md);isolation:isolate}
.discovery-hero .discovery-copy{padding:28px 30px;min-width:0;z-index:1}
.discovery-hero h1{font-size:clamp(1.9rem,3vw,2.7rem);max-width:490px;line-height:1.13}
.discovery-hero .muted{max-width:450px;font-size:.9rem;line-height:1.6}
.discovery-visual{position:relative;height:100%;min-height:238px;overflow:hidden;background:var(--panel2)}
.discovery-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 56%}
.discovery-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-b),transparent 38%),linear-gradient(0deg,#08131dd9,transparent 50%)}
.discovery-photo-label{position:absolute;bottom:18px;right:22px;left:25px;text-align:right;color:#d8e9f0;font-size:.7rem;letter-spacing:.04em;z-index:1}
.home-intro .body-choices{margin-bottom:16px}.home-intro .body-choice{flex-direction:row;justify-content:center;gap:7px;padding:7px 9px;min-height:44px;border-radius:9px;font-size:.78rem;background:var(--panel)}
.home-intro .body-choice svg{width:38px;height:25px;flex-shrink:0}.home-intro .body-choice[aria-pressed=true]{background:var(--ok-bg)}
@media(max-width:720px){.discovery-hero{position:relative;display:block;min-height:218px}.discovery-hero .discovery-copy{padding:23px 20px;position:relative;width:78%}.discovery-hero h1{font-size:1.85rem;max-width:290px;margin-bottom:12px}.discovery-hero .eyebrow{font-size:.65rem;letter-spacing:.09em}.discovery-hero .muted{font-size:.8rem;max-width:230px;color:var(--text-soft)}.discovery-visual{position:absolute;inset:0;min-height:0;z-index:0}.discovery-visual img{object-position:65% center}.discovery-visual:after{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-b) 96%,transparent) 5%,color-mix(in srgb,var(--hero-b) 87%,transparent) 38%,color-mix(in srgb,var(--hero-b) 25%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--hero-b) 52%,transparent),transparent)}.discovery-photo-label{display:none}.home-intro .body-choice{min-width:100px;flex:0 0 auto}.home-intro .categories{margin-top:14px}.home-intro .body-choices legend{font-size:.75rem}.home-intro{padding-top:16px}}

/* Persistent navigation only; opening SOS never sends a request automatically. */
.sos-fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:26;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--sos-edge);background:linear-gradient(145deg,var(--sos),var(--sos-deep));color:#fff;box-shadow:0 5px 22px #0006;font-size:15px;font-weight:850;letter-spacing:.025em;text-decoration:none}.sos-fab:hover{background:var(--sos-deep);transform:translateY(-2px)}.footer:has(.sos-fab){padding-bottom:90px}.has-comparison .sos-fab{bottom:calc(180px + env(safe-area-inset-bottom,0px))}@media(max-width:720px){.sos-fab{width:52px;height:52px;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:14px}}@media(prefers-reduced-motion:reduce){.sos-fab{transition:none}.sos-fab:hover{transform:none}}

.brand-picker-trigger{width:100%;min-height:50px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:7px 11px;font-size:.95rem}.brand-picker-trigger>span:not(.brand-logo){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-picker-chevron{margin-left:auto}.brand-logo{width:48px;height:36px;flex:0 0 48px;border-radius:7px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-logo>span{width:48px;height:36px;background-image:url('./brand-logos.webp');background-size:576px auto;background-repeat:no-repeat}.brand-initials{color:#4c5968;font-size:.85rem;font-weight:700;background:#e6edf3}.brand-picker-dialog{width:min(620px,calc(100% - 28px));max-height:85dvh;margin:auto;padding:24px;border:1px solid var(--line-strong);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-xl)}.brand-picker-dialog::backdrop{background:#030912cc;backdrop-filter:blur(4px)}.brand-picker-dialog[open]{display:flex;flex-direction:column;gap:16px}.brand-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-picker-heading h2,.brand-picker-heading p{margin:0}.brand-picker-heading .eyebrow{font-size:.65rem;margin-bottom:5px}.brand-picker-dialog>.field{flex-shrink:0}.brand-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;scrollbar-width:thin}.brand-picker-option{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:9px;background:var(--panel2);color:var(--text);text-align:left;min-height:56px;font-size:.9rem}.brand-picker-option:hover,.brand-picker-option.selected{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:var(--accent)}.brand-picker-option>span:nth-child(2){overflow-wrap:anywhere}.brand-picker-tick{color:var(--accent-ink);margin-left:auto}.brand-picker-other{flex-shrink:0}.brand-picker-empty{color:var(--muted);font-size:.85rem;margin:0}@media(max-width:520px){.brand-picker-dialog{padding:18px;max-height:82dvh}.brand-picker-list{grid-template-columns:1fr}.brand-picker-trigger{font-size:.85rem;gap:6px;padding:7px}.brand-picker-trigger .brand-logo{width:40px;flex-basis:40px}}

.price-distribution{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.price-distribution-head,.price-axis{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.price-selection,.price-axis{font-size:.8rem;color:var(--muted)}.price-distribution-status{font-size:.8rem;margin:10px 0}.price-bars{height:76px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line-strong)}.price-bars span{flex:1;min-width:0;background:var(--bar);border-radius:3px 3px 0 0}.price-bars span.in-range{background:linear-gradient(#16d4df,#219de7)}.price-axis{margin-top:7px}.price-sliders{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px}.price-sliders label{font-size:.8rem;color:var(--text-soft);min-width:0}.price-sliders input{display:block;width:100%;min-height:44px;padding:0;accent-color:var(--accent);cursor:pointer}.price-sliders input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.price-sliders input:disabled{cursor:default;opacity:.45}@media(max-width:560px){.price-sliders{grid-template-columns:1fr;gap:4px}.price-distribution{padding:12px}.price-bars{gap:2px}}

.card-gallery{position:relative;overflow:hidden;background:var(--panel2)}.card-photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.card-photo-track::-webkit-scrollbar{display:none}.card-photo-track>.card-photo{flex:0 0 100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.card-photo-track img{user-select:none}.card-photo-track:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.card-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:44px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:10px;background:#081421df;color:#fff;font-size:1.8rem;z-index:2}.card-photo-prev{left:8px}.card-photo-next{right:8px}.card-photo-arrow:disabled{opacity:.3;cursor:default}.card-photo-count,.card-photo-hint{position:absolute;bottom:9px;background:#081421df;color:#fff;border-radius:20px;padding:3px 9px;font-size:.72rem;pointer-events:none}.card-photo-count{right:9px}.card-photo-hint{left:9px}.card:focus-within{border-color:var(--accent)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.card{transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-photo{overflow:hidden}.card-photo-hint{display:none}}
@media(prefers-reduced-motion:reduce){.card,.card-photo img{transition:none!important}.card:hover,.card:hover .card-photo img{transform:none!important}}

.spin-upload{margin-top:20px;background:var(--panel2)}.spin-upload details{margin:12px 0}.spin-upload li{margin-bottom:7px}.spin-file-list{max-height:140px;overflow:auto;font-size:.8rem;color:var(--muted)}.spin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.spin-heading h2{font-size:1.2rem}.spin-stage{aspect-ratio:4/3;position:relative;display:grid;place-items:center;overflow:hidden;background:#050b12;border-radius:12px;touch-action:pan-y;cursor:grab}.spin-stage:active{cursor:grabbing}.spin-stage img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;min-height:0}.spin-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spin-tools{display:flex;align-items:center;gap:12px;margin-top:12px}.spin-tools label{flex:1;font-size:.8rem}.spin-tools input{width:100%;min-height:44px;padding:0;accent-color:var(--accent)}.spin-tools button{min-width:44px;min-height:44px}.spin-position{font-size:.8rem;color:var(--muted)}.spin-viewer{margin-top:18px;scroll-margin-top:90px}.spin-card-link{display:inline-block;margin-top:10px;border:1px solid var(--accent);color:var(--accent-ink)}.spin-preview{margin-top:18px}

/* Technol: original logo, compact products and one-time entrance. */
.technol-ad{isolation:isolate}.technol-right{display:none}.technol-ad a{position:relative;isolation:isolate;display:grid;grid-template-columns:150px 1fr 230px 145px;align-items:center;gap:22px;overflow:hidden;background:radial-gradient(ellipse at 93% 35%,#a20e17aa,transparent 60%),linear-gradient(110deg,#09090b 40%,#36080e 72%,#680b13);color:#fff;border:1px solid #6d252d;border-radius:16px;padding:16px 24px;min-height:155px;box-shadow:0 12px 35px #0004}.technol-ad a:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background:repeating-linear-gradient(115deg,transparent 0 65px,#cd777733 66px 67px,transparent 68px 100px),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff16 32px 33px);pointer-events:none}.technol-left{margin-bottom:24px}.technol-logo{width:150px;height:auto;object-fit:contain}.technol-copy>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#d4a5a8}.technol-copy strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.6px;margin-top:8px}.technol-copy strong br{display:none}.technol-art{position:relative;width:230px;height:130px;isolation:isolate}.technol-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 7px #0008);height:115px;width:94px;bottom:0;transform-origin:50% 90%}.technol-art .technol-white{left:60px;z-index:3;transform:rotate(-3deg)}.technol-art .technol-red{left:0;z-index:2;transform:rotate(-13deg);animation:technol-red-enter 1.6s cubic-bezier(.2,.7,.2,1) both}.technol-art .technol-drum{right:0;bottom:9px;height:107px;z-index:1;transform:rotate(11deg);animation:technol-drum-enter 1.8s cubic-bezier(.2,.7,.2,1) both}.technol-cta{display:flex;gap:9px;justify-content:center;align-items:center;border:1px solid #ffffff44;border-radius:8px;background:#a91d25;color:#fff;font-weight:700;font-size:12px;padding:11px 8px}.technol-domain{display:none}.technol-ad a:hover .technol-cta{background:#ce2530}@keyframes technol-red-enter{from{opacity:0;transform:translate(-30px,10px) rotate(-25deg)}to{opacity:1;transform:translate(0,0) rotate(-13deg)}}@keyframes technol-drum-enter{from{opacity:0;transform:translate(30px,8px) rotate(23deg)}to{opacity:1;transform:translate(0,0) rotate(11deg)}}
@media(min-width:1180px){body:has(.technol-ad) #main.home-page{width:min(1200px,calc(100% - 280px))}body:has(.technol-ad) .home-intro>.container{width:100%}.technol-ad{display:block;position:fixed;top:108px;width:112px;height:min(510px,calc(100vh - 200px));z-index:3}.technol-left{left:12px;margin:0}.technol-right{right:12px}.technol-ad a{display:flex;flex-direction:column;justify-content:space-between;gap:14px;text-align:center;height:100%;min-height:0;padding:24px 9px}.technol-logo{width:100%;margin-top:8px}.technol-copy strong{font-size:20px}.technol-copy>span{font-size:8px;letter-spacing:.5px}.technol-art{width:100px;height:170px;flex-shrink:0}.technol-art img{height:102px;width:68px}.technol-art .technol-white{left:17px;bottom:0}.technol-art .technol-red{left:-7px;bottom:39px}.technol-art .technol-drum{right:-9px;bottom:63px;width:67px;height:94px}.technol-cta{font-size:10px;gap:3px;width:100%;padding:10px 2px}.technol-domain{display:block;font-size:10px;color:#db9ea3}}
@media(min-width:1580px){.technol-ad{width:160px;height:min(570px,calc(100vh - 190px))}.technol-left{left:max(16px,calc((100vw - 1580px)/2))}.technol-right{right:max(16px,calc((100vw - 1580px)/2))}.technol-ad a{padding:24px 14px}.technol-art{width:130px;height:200px}.technol-art img{width:90px;height:125px}.technol-art .technol-white{left:20px}.technol-art .technol-drum{width:80px;height:117px}.technol-copy strong{font-size:25px}}
@media(max-width:850px){.technol-ad a{grid-template-columns:130px 1fr 180px;gap:15px}.technol-art{width:180px;grid-column:3;grid-row:1/3}.technol-art img{width:80px;height:100px}.technol-art .technol-white{left:49px}.technol-art .technol-drum{height:95px}.technol-cta{grid-column:1/3;width:max-content;padding:7px 14px}.technol-logo{width:130px}.technol-copy strong{font-size:20px}}
@media(max-width:520px){.technol-ad a{grid-template-columns:1fr 145px;gap:8px 12px;padding:17px 15px;min-height:165px}.technol-logo{width:112px;grid-column:1}.technol-copy{grid-column:1}.technol-copy>span{font-size:7px;letter-spacing:.6px}.technol-copy strong{font-size:16px;margin-top:4px}.technol-art{width:145px;height:135px;grid-column:2;grid-row:1/4}.technol-art img{width:65px;height:88px}.technol-art .technol-white{left:39px;bottom:7px}.technol-art .technol-red{bottom:15px}.technol-art .technol-drum{height:82px;bottom:23px}.technol-cta{grid-column:1;font-size:10px;padding:6px 9px}.technol-left{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.technol-art img{animation:none}}
@media(min-width:1180px){.page.home-page>.technol-ad{width:112px;margin:0}}
@media(min-width:1580px){.page.home-page>.technol-ad{width:160px}}
.legal{max-width:760px;line-height:1.7}.legal h1{margin-bottom:6px}.legal h2{margin:28px 0 8px;font-size:1.15rem}.legal ul{padding-left:20px;margin:8px 0}.legal li{margin:6px 0}.legal p{margin:8px 0}.legal code{background:var(--panel2);padding:1px 6px;border-radius:6px}.footer .row{flex-wrap:wrap;gap:6px 16px}

/* Light/dark switch in the header. The icon shows the mode you will switch to. */
.theme-toggle{width:42px;height:42px;padding:0;flex-shrink:0}.theme-toggle svg{width:20px;height:20px;flex-shrink:0}.theme-toggle .i-sun{display:none}
:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}
@media(max-width:720px){.theme-toggle{width:38px;height:38px}}
@media(max-width:400px){.nav-actions{gap:4px}.nav-actions .btn.primary .icon{display:none}}

.language-switcher select{appearance:auto;min-width:58px;padding:8px 9px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);color:var(--text);font-weight:750;font-size:.85rem}.language-switcher{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.language-switcher select{min-width:52px;padding:7px 5px}.header-inner{gap:8px}}