:root { color-scheme: light; --brand:#e11d48; --page:#f8f9ff; --surface:#fff; --surface-soft:#eff4ff; --ink:#0b1c30; --muted:#5d5f5f; --border:#dfe0e0; }
:root.dark { color-scheme: dark; --page:#101827; --surface:#172033; --surface-soft:#202c42; --ink:#eef4ff; --muted:#bac2d1; --border:#334155; }
html { background:var(--page); }
html[dir="rtl"] body { text-align:right; }
body { background:var(--page)!important; color:var(--ink)!important; min-width:320px; text-rendering:optimizeLegibility; }
img { max-width:100%; height:auto; }
img[loading="lazy"] { content-visibility:auto; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
button, select { cursor:pointer; }
header a, footer a { text-underline-offset:3px; }
.site-controls { display:flex; align-items:center; gap:.5rem; }
.site-control { border:1px solid var(--border); background:var(--surface); color:var(--ink); border-radius:.5rem; min-height:2.5rem; padding:.25rem .5rem; font:inherit; }
.site-control:hover { border-color:var(--brand); }
@media (max-width: 639px) { #header-controls { display:none!important; } }
.dark .bg-white, .dark .bg-surface-container-lowest { background-color:var(--surface)!important; }
.dark .bg-surface, .dark .bg-background { background-color:var(--page)!important; }
.dark .bg-surface-container, .dark .bg-surface-container-low, .dark .bg-surface-container-high, .dark .bg-surface-container-highest { background-color:var(--surface-soft)!important; }
.dark .text-on-surface, .dark .text-on-background, .dark .text-slate-900 { color:var(--ink)!important; }
.dark .text-secondary, .dark .text-on-surface-variant, .dark .text-slate-600 { color:var(--muted)!important; }
.dark .border-secondary-container, .dark .border-slate-100, .dark .border-outline-variant { border-color:var(--border)!important; }
.dark input, .dark select, .dark textarea { color:var(--ink)!important; }
article > div[id] { scroll-margin-top:6rem; }
.legal-content > div:not(#intro) > h2 { border-left:4px solid var(--brand); padding-left:1rem; }
.legal-content > div[id] > h2 > .material-symbols-outlined { display:none; }
.install-journey { position:relative; }
.install-journey::before { content:""; position:absolute; left:2.95rem; top:3rem; bottom:3rem; width:3px; background:linear-gradient(var(--brand),#ffb3b6,transparent); border-radius:99px; }
.install-marker { position:relative; z-index:1; width:6rem; height:6rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.1rem; color:#fff; background:var(--brand); border:5px solid var(--page); border-radius:1.75rem; box-shadow:0 10px 20px rgba(225,29,72,.22); }
.install-marker > .font-black { position:absolute; z-index:1; top:.25rem; left:.45rem; font-size:.7rem; text-shadow:0 1px 2px rgba(0,0,0,.22); }
.install-marker .material-symbols-outlined { font-size:1.3rem; }
.install-marker .material-symbols-outlined.install-search-icon { font-size:80px; }
.install-card { background:var(--surface); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.install-card:hover { border-color:var(--brand); transform:translateY(-3px); box-shadow:0 12px 28px rgba(11,28,48,.1); }
@media (max-width: 767px) { .px-margin-desktop { padding-left:1rem!important; padding-right:1rem!important; } .text-display-lg { font-size:2.25rem!important; line-height:1.15!important; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }