:root{
--bg:#ffffff;
--bg1: #0f2647;
--muted:#6b7280;
--accent:#0b63ff;
--glass: rgba(255,255,255,0.6);
--shadow: 0 6px 18px rgba(11,99,255,0.12);
--blue-900: #062a4f;
--blue-800: #0a3b6b;
--blue-700: #14568c;
--blue-500: #2b82c9;
--blue-400: #5aa6e8;
--text-dark: #2e3b46;
--text-muted: #6f7c88;
--card-bg: #ffffff;
--radius-lg: 14px;
--radius-md: 10px;
--shadow-1: 0 4px 16px rgba(15, 35, 55, 0.08);
--shadow-2: 0 10px 30px rgba(2, 18, 40, 0.12);
--glow-1: rgba(150, 180, 255, 0.25);
--glow-2: rgba(180, 210, 255, 0.15);
--line-1: rgba(255, 255, 255, 0.05);
--line-2: rgba(120, 180, 255, 0.22);
--transition: 0.2s ease;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;background:linear-gradient(180deg,#f7f9ff,#ffffff);color:#0f172a;overflow-x:hidden;position:relative;isolation:isolate}
body.menu-open{overflow-y:hidden}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(13,74,118,0.08) 1px, transparent 1px),linear-gradient(90deg, rgba(13,74,118,0.08) 1px, transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 18% 8%, #000 25%, rgba(0,0,0,0.08) 80%);pointer-events:none;z-index:-2;opacity:.45}
body::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 15%, rgba(83,165,255,0.2), transparent 35%),radial-gradient(circle at 88% 76%, rgba(58,200,151,0.18), transparent 42%);pointer-events:none;z-index:-1}
.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}
header.site-header{width:100%;background:#ffffff;padding:14px 10px;border-bottom:1px solid rgba(10,59,107,0.08)}
header.site-header.sticky-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
.nav-wrap{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:18px;justify-content:space-between;position:relative}
.brand{display:flex;text-decoration:none;align-items:center;gap:12px;flex-shrink:0}
.logo{width:72px;height:72px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#3da1ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:var(--shadow);overflow:hidden}
.logo img{width:100%;height:100%;object-fit:cover}
.brand-text{text-decoration:none;display:flex;flex-direction:column;color:#17365a}
.brand h1{font-size:1.03rem;margin:0;letter-spacing:-0.2px;text-decoration:none;line-height:1.1}
.brand p{margin:0;text-decoration:none;font-size:.78rem;color:var(--muted)}
.nav-panel{display:flex;align-items:center;gap:16px;margin-left:auto;min-width:0;overflow:visible}
nav.main-nav{display:flex;gap:4px;align-items:center;flex-shrink:0}
nav.main-nav a{color:#36506a;text-decoration:none;font-weight:700;padding:9px 11px;border-radius:10px;font-size:.9rem;white-space:nowrap;transition:all .2s ease}
nav.main-nav a:hover{color:var(--accent);background:rgba(11,99,255,0.08)}
.controls{display:flex;align-items:center;gap:8px;min-width:0}
.search{display:flex;align-items:center;gap:8px;border-radius:999px;padding:5px 10px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,0.04);border:1px solid #e8eefc;min-width:160px;flex:0 1 210px}
.search input{border:0;outline:0;padding:4px 6px;font-size:13px;background:transparent;width:100%;min-width:0}
.header-search-submit{display:none}
.sign-in{font-size:14px;color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700;text-align:center;white-space:nowrap}
.sign-in:hover{color:var(--accent);background:rgba(11,99,255,0.06)}
.lang-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #e8eefc;font-weight:600;font-size:13px}
.lang-switcher{position:relative;display:flex;align-items:center;min-width:170px}
.lang-native-select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:0;top:0}
.lang-switcher-trigger{width:100%;border:1px solid rgba(10,59,107,0.16);background:linear-gradient(160deg,#ffffff 20%,#f2f7ff 100%);border-radius:999px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:13px;font-weight:700;color:#17365a;box-shadow:0 8px 20px rgba(10,59,107,0.08);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.lang-switcher-trigger:hover{border-color:rgba(11,99,255,0.35);box-shadow:0 12px 24px rgba(11,99,255,0.15);transform:translateY(-1px)}
.lang-switcher-trigger:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(11,99,255,0.2),0 12px 24px rgba(11,99,255,0.15)}
.lang-switcher-icon{width:24px;height:24px;border-radius:999px;background:rgba(11,99,255,0.1);display:inline-flex;align-items:center;justify-content:center;color:#0b63ff;font-size:11px;flex-shrink:0}
.lang-switcher-current{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lang-switcher-chevron{font-size:10px;color:#466288;transition:transform .2s ease;flex-shrink:0}
.lang-switcher.is-open .lang-switcher-chevron{transform:rotate(180deg)}
.lang-switcher-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:100%;padding:8px;border-radius:16px;background:#ffffff;border:1px solid rgba(10,59,107,0.14);box-shadow:0 18px 36px rgba(10,36,74,0.18);display:grid;gap:4px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:120}
.lang-switcher.is-open .lang-switcher-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.lang-switcher-option{border:0;background:transparent;border-radius:10px;padding:8px 10px;text-align:left;font-size:13px;font-weight:600;color:#314b69;cursor:pointer;transition:background .15s ease,color .15s ease}
.lang-switcher-option:hover{background:rgba(11,99,255,0.08);color:#0b63ff}
.lang-switcher-option.is-active{background:linear-gradient(135deg,rgba(11,99,255,0.14),rgba(11,99,255,0.04));color:#0b63ff}
.cta{background:var(--accent);color:#fff;padding:11px 18px;border-radius:12px;font-weight:700;border:0;box-shadow:var(--shadow);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s;text-decoration:none;white-space:nowrap}
.cta:hover{background:#084ed6}
.cta:active{transform:translateY(1px)}
.nav-toggle{display:none;border:1px solid rgba(11,99,255,.2);background:#fff;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 8px 20px rgba(11,99,255,.08)}
.nav-toggle span{display:block;width:19px;height:2px;background:#0c2340;border-radius:999px;transition:transform .25s ease,opacity .25s ease}
.site-header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.nav-open .nav-toggle span:nth-child(2){opacity:0}
.site-header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero-container {max-width: 1800px;max-height: 80vh;margin: 40px auto;padding: 60px 28px 120px;min-height: 70vh;background: url('/images/wmremove-transformed (1).jpeg') center/cover no-repeat fixed;color: #fff;position: relative;border-radius: 28px;overflow: hidden;perspective: 1000px;transform-style: preserve-3d;transition: transform 0.15s ease-out;--radar-size:min(44vw,540px);--radar-accent:rgba(128, 213, 255, 0.45);--radar-line:rgba(132, 221, 255, 0.2);--radar-glow:rgba(80, 184, 255, 0.24);}
.hero-container::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45);backdrop-filter: blur(3px);border-radius: 28px;z-index: 0;}
.rr-beta-notice{position:relative;z-index:98;padding:0 10px;background:linear-gradient(90deg, #fff7d7, #ffefbd);border-bottom:1px solid rgba(146,97,0,0.22)}
.rr-beta-notice-inner{max-width:1360px;margin:0 auto;padding:10px 0;display:flex;gap:14px;align-items:center;justify-content:space-between}
.rr-beta-notice p{margin:0;color:#4a3410;font-size:.87rem;line-height:1.4;font-weight:600}
.rr-beta-notice-close{border:1px solid rgba(146,97,0,0.24);background:#fff;color:#5f420f;border-radius:10px;padding:7px 12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.rr-beta-notice-close:hover{background:#fff8de;border-color:rgba(146,97,0,0.45)}
.rr-beta-notice.is-hidden{opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
.hero-container::after {content:"";position:absolute;left:50%;bottom:86px;transform:translateX(-50%) scale(0.65);width:18px;height:18px;border-radius:50%;background:rgba(105, 220, 255, 0);box-shadow:0 0 0 0 rgba(105, 220, 255, 0);pointer-events:none;z-index:1;}
.hero, .search-row {position: relative;z-index: 2;}
.hero-radar {position:absolute;right:-82px;top:50%;transform:translateY(-50%);width:var(--radar-size);aspect-ratio:1;border-radius:50%;z-index:1;opacity:.72;pointer-events:none;filter:drop-shadow(0 0 24px rgba(80, 184, 255, 0.22));}
.radar-ring {position:absolute;inset:0;border-radius:50%;border:1px solid var(--radar-line);animation:radarBreath 8s ease-in-out infinite;}
.radar-ring-1 {transform:scale(1);opacity:.35;}
.radar-ring-2 {transform:scale(.72);opacity:.5;animation-delay:-1.6s;}
.radar-ring-3 {transform:scale(.44);opacity:.72;animation-delay:-3.2s;}
.radar-sweep {position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 220deg, rgba(57, 190, 255, 0) 0deg, rgba(95, 215, 255, 0.35) 28deg, rgba(57, 190, 255, 0) 62deg);mix-blend-mode:screen;animation:radarSweep 9s linear infinite;}
.radar-core {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;background:rgba(152, 236, 255, 0.9);box-shadow:0 0 0 0 rgba(115, 220, 255, 0.45), 0 0 24px rgba(115, 220, 255, 0.8);animation:radarCorePulse 2.4s ease-in-out infinite;}
.hero-container.radar-ping::after {animation:radarPing .95s ease-out 1;}
.hero-container.radar-ping .radar-core {animation:radarCorePulse 2.4s ease-in-out infinite, radarCoreKick .95s ease-out 1;}
.hero-container.is-searching .radar-sweep {animation-duration:2.4s;opacity:.95;}
.hero-container.is-searching .radar-ring {animation:radarSearchRing 1.2s ease-out infinite;}
.hero-container.is-searching .radar-ring-2 {animation-delay:.16s;}
.hero-container.is-searching .radar-ring-3 {animation-delay:.32s;}
.hero-container.is-searching .radar-core {animation:radarCoreSearch .9s ease-in-out infinite;}
.search-row.is-searching {box-shadow:0 0 0 2px rgba(122, 228, 255, 0.32), 0 0 28px rgba(122, 228, 255, 0.22);border-color:rgba(122, 228, 255, 0.55);}
.hero {display: flex;justify-content: space-between;align-items: flex-start;gap: 50px;margin-bottom: 50px;}
.hero-left{flex:1 1 420px;min-width:0}
.hero-right{flex:1 1 520px;min-width:0}
.hero-title {font-size: 4.5rem;font-weight: 800;margin: 0;animation: fadeInUp 1s ease forwards;opacity: 0;}
.hero-subtitle {font-size: 1.6rem;font-weight: 400;margin-top: 18px;color: #e2e8f0;position: relative;padding-bottom: 8px;display: inline-block;animation: fadeInUp 1s ease forwards;animation-delay: 0.25s;opacity: 0;}
.hero-subtitle::after {content: "";position: absolute;left: 0;bottom: 0;width: 70%;height: 3px;background: #4a71de;border-radius: 2px;}
.hero-right-text {font-size: 1.2rem;line-height: 1.6;max-width: 560px;animation: fadeInUp 1s ease forwards;margin-right: 0;animation-delay: 0.45s;opacity: 0;}
.cta-btn {display:inline-flex;align-items:center;justify-content:center;margin-top: 28px;padding: 14px 34px;border: none;border-radius: 14px;background: #74de4a;color: #111;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: transform .25s, background .25s;animation: fadeInUp 1s ease forwards;animation-delay: 0.7s;opacity: 0;text-decoration:none;}
.cta-btn:hover {transform: translateY(-4px) scale(1.03);background: #74de4a;}
.search-row {display: flex;gap: 14px;margin-top: 120px;animation: fadeInUp 1s ease forwards;animation-delay: 1s;opacity: 0;padding: 10px;border-radius: 14px;background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.28);}
.search-row input {flex: 1;padding: 13px 16px;border-radius: 10px;border: 1px solid rgba(15, 42, 68, 0.16);font-size: 0.98rem;transition: box-shadow .2s, border-color .2s;background: #ffffff;color: #0f2b48;}
.search-row input::placeholder {color: #6e7f92;}
.search-row input:focus,.search-row input:hover {box-shadow: 0 0 0 3px rgba(11, 99, 255, 0.14);outline: none;border-color: rgba(11, 99, 255, 0.5);}
.search-btn {padding: 13px 24px;border-radius: 10px;border: 1px solid rgba(19, 108, 73, 0.25);background: #49d791;font-size: 0.98rem;font-weight: 700;cursor: pointer;transition: background .2s, box-shadow .2s, transform .2s;box-shadow: 0 6px 14px rgba(9, 44, 31, 0.2);color: #07311f;min-width: 124px;}
.search-btn:hover {transform: translateY(-1px);background: #3dc382;box-shadow: 0 9px 16px rgba(9, 44, 31, 0.24);}
.search-btn:disabled {opacity: 0.7;cursor: wait;transform: none;}
@keyframes fadeInUp {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}
@keyframes radarSweep {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
@keyframes radarBreath {0%, 100% {opacity:.24;} 50% {opacity:.56;}}
@keyframes radarCorePulse {0%, 100% {box-shadow:0 0 0 0 rgba(115, 220, 255, 0.18), 0 0 18px rgba(115, 220, 255, 0.58);} 50% {box-shadow:0 0 0 13px rgba(115, 220, 255, 0), 0 0 36px rgba(115, 220, 255, 0.8);}}
@keyframes radarCoreKick {0% {transform:translate(-50%, -50%) scale(1);} 30% {transform:translate(-50%, -50%) scale(1.2);} 100% {transform:translate(-50%, -50%) scale(1);}}
@keyframes radarPing {0% {opacity:.95;background:rgba(105, 220, 255, 0.3);box-shadow:0 0 0 0 rgba(105, 220, 255, 0.4);} 100% {opacity:0;background:rgba(105, 220, 255, 0);box-shadow:0 0 0 150px rgba(105, 220, 255, 0);}}
@keyframes radarSearchRing {0% {opacity:.62;transform:scale(.3);} 100% {opacity:0;transform:scale(1.08);}}
@keyframes radarCoreSearch {0%, 100% {transform:translate(-50%, -50%) scale(1);box-shadow:0 0 0 0 rgba(115, 220, 255, 0.45), 0 0 22px rgba(115, 220, 255, 0.72);} 50% {transform:translate(-50%, -50%) scale(1.18);box-shadow:0 0 0 20px rgba(115, 220, 255, 0), 0 0 44px rgba(115, 220, 255, 0.9);}}
@media (max-width: 1200px) {
  .hero{gap:28px}
  .hero-title{font-size:clamp(2.6rem,6vw,3.6rem)}
  .hero-subtitle{font-size:1.25rem}
  .hero-right-text{font-size:1.05rem;max-width:100%}
  .search-row{margin-top:72px}
  .hero-radar{right:-112px;opacity:.56;--radar-size:min(60vw,460px)}
}
@media (max-width: 980px) {
  .nav-toggle{display:flex}
  .site-header::after{content:"";position:fixed;inset:0;background:rgba(6,18,36,.42);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:95}
  .site-header.nav-open::after{opacity:1;pointer-events:auto}
  .nav-panel{display:flex;position:fixed;right:12px;top:82px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;background:#ffffff;border:1px solid rgba(10,59,107,.15);border-radius:18px;padding:14px;box-shadow:0 28px 55px rgba(10,36,74,.28);flex-direction:column;align-items:stretch;gap:12px;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .2s ease;z-index:110}
  .site-header.nav-open .nav-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
  nav.main-nav{flex-direction:column;align-items:stretch;gap:6px;padding-bottom:4px;border-bottom:1px solid rgba(10,59,107,.1)}
  nav.main-nav a{padding:10px 12px;border:1px solid rgba(10,59,107,.08);background:#f8fbff}
  .controls{flex-direction:column;align-items:stretch;gap:10px;padding-top:2px}
  .search{min-width:unset;width:100%;padding:3px 8px;gap:6px;border-radius:12px;box-shadow:none}
  .search svg{width:14px;height:14px;flex-shrink:0}
  .search input{padding:3px 2px;font-size:12px}
  .header-search-submit{display:none;border:0;background:#0b63ff;color:#fff;font-size:12px;font-weight:700;border-radius:8px;padding:7px 10px;line-height:1;cursor:pointer;flex-shrink:0}
  .search.has-value .header-search-submit{display:inline-flex;align-items:center;justify-content:center}
  .sign-in,.cta{width:100%;justify-content:center;padding:10px 12px;min-height:40px}
  .lang-pill{justify-content:space-between}
  .lang-switcher{width:100%;min-width:unset}
  .lang-switcher-trigger{padding:9px 14px}
  .hero{flex-direction:column;text-align:left;gap:20px;margin-bottom:20px}
  .hero-container{max-height:none;min-height:unset;margin:24px 12px;padding:28px 16px 24px;background-attachment:scroll}
  .hero-title{font-size:clamp(2.4rem,10vw,3.2rem)}
  .hero-subtitle{font-size:1.05rem;margin-top:10px}
  .hero-subtitle::after{width:100%}
  .hero-right-text{max-width:none;margin:0;font-size:.97rem;line-height:1.5}
  .cta-btn{margin-top:18px;padding:12px 22px;font-size:.98rem}
  .search-row{margin-top:22px;gap:10px;flex-direction:column;padding:9px}
  .hero-radar{right:-134px;top:42%;opacity:.45;--radar-size:min(72vw,380px)}
  .hero-container::after{bottom:38px}
}
@media (max-width: 640px) {
  header.site-header{padding:10px 8px}
  .logo{width:62px;height:62px}
  .brand h1{font-size:.95rem}
  .brand p{font-size:.74rem}
  .nav-panel{right:8px;top:70px;width:calc(100vw - 16px);max-height:calc(100dvh - 82px);padding:12px}
  .hero-radar{display:none}
  .rr-beta-notice{padding:0 8px}
  .rr-beta-notice-inner{padding:9px 0;flex-direction:column;align-items:flex-start;gap:8px}
  .rr-beta-notice p{font-size:.81rem}
}
@media (prefers-reduced-motion: reduce) {
  .hero-radar,
  .radar-ring,
  .radar-sweep,
  .radar-core,
  .hero-container.is-searching .radar-ring,
  .hero-container.is-searching .radar-sweep,
  .hero-container.is-searching .radar-core,
  .hero-container.radar-ping::after,
  .hero-container.radar-ping .radar-core {animation:none !important;}
}
/* ── Social proof ─────────────────────────────────── */
.hero-social-proof{display:flex;align-items:center;gap:12px;margin-top:16px;animation:fadeInUp 1s ease forwards;animation-delay:1.3s;opacity:0;position:relative;z-index:2;}
.hero-avatars{display:flex;align-items:center;}
.hero-avatar{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,0.82);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-left:-9px;flex-shrink:0;}
.hero-avatars .hero-avatar:first-child{margin-left:0;}
.hero-social-text{font-size:.9rem;color:rgba(255,255,255,0.84);margin:0;}
.hero-social-text strong{color:#fff;}
@media (max-width:480px){.hero-social-proof{flex-direction:column;align-items:flex-start;gap:8px;}}
/* ── Sticky search bar ────────────────────────────── */
.sticky-search-bar{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(6,16,36,0.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(100,180,255,0.14);padding:10px 20px;transform:translateY(-100%);transition:transform .36s cubic-bezier(.4,0,.2,1),opacity .36s ease;opacity:0;pointer-events:none;}
.sticky-search-bar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto;}
.sticky-search-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:18px;}
.sticky-search-brand{font-weight:800;font-size:.98rem;color:#fff;white-space:nowrap;flex-shrink:0;letter-spacing:-.3px;font-family:Urbanist,Inter,sans-serif;}
.sticky-search-row{display:flex;flex:1;gap:8px;align-items:center;}
.sticky-search-row input{flex:1;min-width:0;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.13);border-radius:10px;padding:9px 14px;color:#fff;font-size:.88rem;transition:border-color .2s,background .2s;}
.sticky-search-row input::placeholder{color:rgba(255,255,255,0.38);}
.sticky-search-row input:focus{outline:none;border-color:rgba(122,228,255,0.52);background:rgba(255,255,255,0.12);}
.sticky-search-btn{padding:9px 22px;border-radius:10px;border:none;background:#0b63ff;color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s;flex-shrink:0;}
.sticky-search-btn:hover{background:#084ed6;transform:translateY(-1px);}
@media (max-width:640px){.sticky-search-brand{display:none;}.sticky-search-row{flex-wrap:wrap;}.sticky-search-row input{flex:1 1 140px;} }
/* ── Stat strip ───────────────────────────────────── */
.stat-strip{background:#fff;border-top:1px solid rgba(10,59,107,0.07);border-bottom:1px solid rgba(10,59,107,0.07);padding:2.4rem 20px;}
.stat-strip-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:0 3rem;flex:1 0 150px;}
.stat-number{font-size:2.8rem;font-weight:800;color:#0c2340;line-height:1;font-family:Urbanist,Inter,sans-serif;letter-spacing:-.04em;}
.stat-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.07em;}
.stat-divider{width:1px;height:52px;background:rgba(10,59,107,0.1);flex-shrink:0;}
@media (max-width:780px){.stat-divider{display:none;}.stat-item{padding:.9rem 1.4rem;flex:1 0 110px;}.stat-number{font-size:2.1rem;}}
#repairradar-section{padding:5rem 0; background: linear-gradient(135deg, #e8eeff 0%, #f4f6fb 40%, #ffffff 100%);font-family:Arial, sans-serif; position: relative; overflow-x: hidden;}
#repairradar-section * {box-sizing: border-box;overflow-x: hidden;}
.rr-container {width: 95%;max-width: 1300px;margin: auto;}
.rr-reveal {opacity: 0;transform: translateY(40px);transition: all .9s ease;}
.rr-reveal.rr-visible {opacity: 1;transform: translateY(0);}
.rr-title {text-align:center;font-size:2.6rem;margin-bottom:1.2rem;font-weight:700;}
.rr-sub {text-align:center;font-size:1.1rem;color:#555;margin-bottom:3rem;}
.rr-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:2rem;margin-bottom:5rem;}
.rr-card {all: unset;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;background: linear-gradient(160deg, #ffffff 0%, #f8fbff 100%);padding: 2.2rem 1.5rem;border: 1px solid rgba(10,59,107,0.1);border-radius: 18px;color: #0c2340;font-weight: 600;cursor: pointer;text-align: center;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(10,36,74,0.06);position: relative;overflow: hidden;min-height: 200px;}
.rr-card::before {content: "";position: absolute;top: -50%;right: -50%;width: 200px;height: 200px;border-radius: 50%;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;z-index: 0;}
.rr-card--appliance::before {background: radial-gradient(circle, rgba(59,130,246,0.3), transparent 70%);}
.rr-card--electronics::before {background: radial-gradient(circle, rgba(168,85,247,0.3), transparent 70%);}
.rr-card--plumbing::before {background: radial-gradient(circle, rgba(34,197,94,0.3), transparent 70%);}
.rr-card--automotive::before {background: radial-gradient(circle, rgba(249,115,22,0.3), transparent 70%);}
.rr-card--hvac::before {background: radial-gradient(circle, rgba(59,130,246,0.3), transparent 70%);}
.rr-card--general::before {background: radial-gradient(circle, rgba(168,85,247,0.3), transparent 70%);}
.rr-card:hover {transform: translateY(-8px);border-color: rgba(11,99,255,0.25);box-shadow: 0 12px 32px rgba(11,99,255,0.15);}
.rr-card:hover::before {opacity: 1;}
.rr-card-icon {width: 64px;height: 64px;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;margin-bottom: 1.2rem;transition: transform 0.3s ease;position: relative;z-index: 1;}
.rr-card--appliance .rr-card-icon {background: linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05));color: #3b82f6;}
.rr-card--electronics .rr-card-icon {background: linear-gradient(135deg, rgba(168,85,247,0.15), rgba(168,85,247,0.05));color: #a855f7;}
.rr-card--plumbing .rr-card-icon {background: linear-gradient(135deg, rgba(34,197,94,0.15), rgba(34,197,94,0.05));color: #22c55e;}
.rr-card--automotive .rr-card-icon {background: linear-gradient(135deg, rgba(249,115,22,0.15), rgba(249,115,22,0.05));color: #f97316;}
.rr-card--hvac .rr-card-icon {background: linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05));color: #3b82f6;}
.rr-card--general .rr-card-icon {background: linear-gradient(135deg, rgba(168,85,247,0.15), rgba(168,85,247,0.05));color: #a855f7;}
.rr-card:hover .rr-card-icon {transform: scale(1.15);}
.rr-card-title {font-size: 1.2rem;font-weight: 700;margin: 0 0 0.5rem;color: #0c2340;position: relative;z-index: 1;}
.rr-card-desc {font-size: 0.85rem;color: #666;margin: 0;position: relative;z-index: 1;font-weight: 500;}
.rr-why-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;}
.rr-why-card {background:white;padding:2.4rem;border:1px solid #ddd;border-radius:14px;transition:.25s;text-align:center;}
.rr-why-card i {margin-bottom:1rem;color:#3b82f6;}
.rr-why-card h3 {font-size:1.4rem;margin-bottom:0.6rem;font-weight:700;}
.rr-why-card p {font-size:1rem;color:#666;line-height:1.5rem;}.rr-why-card:hover {transform:translateY(-6px);border-color:#3b82f6;box-shadow:0 10px 18px rgba(0,0,0,0.1);}
#repairradar-section::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/wmremove-transformed (1).jpeg');background-size:cover;background-position:center;opacity:0.12;z-index:-2;}
#repairradar-section::after {content:"";position:absolute;top:0;right:-200px;width:600px;height:600px;background:radial-gradient(circle, rgba(59,130,246,0.35), rgba(59,130,246,0));filter:blur(80px);z-index:-1;}
#rr-trust-section * { box-sizing:border-box; }
.trust-container {width:90%;max-width:1300px;margin:auto;text-align:center;}
.trust-title {font-size:2.8rem;font-weight:700;margin-bottom:1rem;}
.trust-sub {font-size:1.15rem;color:#555;margin-bottom:3rem;}
.trust-badges {display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-bottom:4rem;}
.trust-badge {background:white;border-radius:14px;padding:1.5rem 2rem;border:1px solid #ddd;box-shadow:0 6px 14px rgba(0,0,0,0.08);transition:.25s;}
.trust-badge:hover {transform:translateY(-6px);border-color:#3b82f6;box-shadow:0 10px 20px rgba(0,0,0,0.12);}
.trust-badge img {height:60px;object-fit:contain;}
.trust-image-wrapper {position:relative;width:80%;max-width:1000px;margin:3rem auto;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,0.15);transition:.4s;}
.trust-image-wrapper:hover {transform:scale(1.02);box-shadow:0 22px 50px rgba(0,0,0,0.22);}
.trust-image-wrapper img {width:100%;display:block;}
.trust-reveal {opacity:0;transform:translateY(40px);transition:all .9s ease;}.trust-reveal.trust-visible {opacity:1;transform:translateY(0);}
#rr-demo-section * { box-sizing:border-box; }
.demo-wrapper {width:75vw; /* takes up 75% of screen width */max-width:1400px;margin:auto;text-align:center;padding:1rem;}
.demo-title {font-size:2.4rem;font-weight:700;margin-bottom:1rem;}
.demo-sub {font-size:1.1rem;color:#555;margin-bottom:2.5rem;}
.demo-video-box {width:100%;border-radius:10px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,0.15);transition:.35s;}
.demo-video-box:hover {transform:scale(1.02);box-shadow:0 22px 50px rgba(0,0,0,0.22);}
.demo-video-box img {width:100%;display:block;object-fit:cover; height:520px;}
.demo-reveal {opacity:0;transform:translateY(40px);transition:all .9s ease;}
.demo-reveal.demo-visible {opacity:1;transform:translateY(0);}
#rr-map-tech * { box-sizing:border-box; }
.map-tech-wrapper {width:90%;max-width:1500px;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:stretch;}
.map-card {background:white;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,0.1);padding:1rem;overflow:hidden;transition:.35s;}
.map-card:hover {transform:scale(1.015);box-shadow:0 22px 55px rgba(0,0,0,0.18);}
.map-title {font-size:2rem;font-weight:700;margin:1rem 0 1.5rem 1rem;text-align:center;font-family:Urbanist, sans-serif;}
.map-placeholder {width:100%;height:550px;border-radius:14px;}
.tech-list-card {background:white;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,0.1);padding:2rem;transition:.35s;height:100%;}
.tech-list-card:hover {transform:scale(1.015);box-shadow:0 22px 55px rgba(0,0,0,0.18);}
.tech-title {font-size:2rem;font-weight:700;margin-bottom:1.5rem;}
.tech-item {display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#f8fafc;margin-bottom:1rem;transition:.3s;}
.tech-item:hover {background:#eef3ff;transform:translateX(6px);}
.tech-avatar {width:55px;height:55px;border-radius:50%;background:#d9d9d9;}
.tech-info {display:flex;flex-direction:column;}
.tech-name {font-size:1.1rem;font-weight:600;}
.tech-rating {font-size:.9rem;color:#666;}
.maptech-reveal {opacity:0;transform:translateY(35px);transition:all .9s ease;}
.maptech-visible {opacity:1;transform:translateY(0);}
#rr-map-tech::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}
#rr-map-tech .map-tech-wrapper,#rr-map-tech .map-card,#rr-map-tech .tech-list-card {overflow-x: hidden;position:relative;z-index:2;}
#rr-map-tech {position: relative;overflow-x: hidden;overflow-y: visible;}
#rr-review-section {padding: 5rem 0;text-align: center;position: relative;overflow: hidden;background: linear-gradient(135deg, #eff3ff, #ffffff);}
.review-title {font-size: 2.6rem;font-weight: 800;margin-bottom: .5rem;}
.review-sub {font-size:1.1rem;color:#666;margin-bottom:3rem;}
.review-slider {width: 100%;overflow: hidden;position: relative;}
.review-track {display: flex;gap: 2rem;padding: 1rem 0;animation: slideReviews 40s linear infinite;will-change: transform;--slide-distance: -1488px;}
.review-card {min-width: 340px;max-width: 340px;background: rgba(255,255,255,0.75);padding: 1.8rem;border-radius: 18px;box-shadow: 0 12px 24px rgba(0,0,0,0.08);backdrop-filter: blur(8px);transition: .3s;flex-shrink: 0;}
.review-card:hover {transform: translateY(-6px);box-shadow: 0 16px 32px rgba(0,0,0,0.12);}
.review-text {font-size: 1.05rem;line-height: 1.55rem;color: #1f2937;margin-bottom: 1rem;}
.review-author {font-size: .95rem;font-weight: 600;color: #3b82f6;}
@keyframes slideReviews {0%   { transform: translateX(0); }100% { transform: translateX(var(--slide-distance)); }}
#how {background: linear-gradient(135deg, #f0f4ff, #ffffff);position: relative;padding: 5rem 0;overflow: hidden;}
#how::before {content: "";position: absolute;top: -300px;right: -300px;width: 600px;height: 600px;border-radius: 50%;background: radial-gradient(circle, rgba(100,180,255,0.25), transparent 70%);filter: blur(60px);pointer-events: none;z-index: 0;}
.how-container {width: 90%;max-width: 1300px;margin: 0 auto;position: relative;z-index: 2;}
.how-header {text-align: center;margin-bottom: 4rem;}
.how-header .eyebrow {display: inline-block;margin-bottom: 0.75rem;}
.how-header h2 {font-size: 2.6rem;font-weight: 800;margin: 0 0 1rem;color: #0c2340;line-height: 1.1;}
.how-header p {font-size: 1.1rem;color: #555;margin: 0;max-width: 700px;margin: 0 auto;}
.how-steps-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 2rem;margin-bottom: 3rem;}
.how-step {background: white;border-radius: 20px;padding: 2.2rem;border: 1px solid rgba(10, 59, 107, 0.1);box-shadow: 0 8px 24px rgba(10, 36, 74, 0.06);transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;position: relative;text-align: center;}
.how-step:hover {transform: translateY(-8px);box-shadow: 0 16px 40px rgba(11, 99, 255, 0.15);border-color: rgba(11, 99, 255, 0.2);}
.how-step-number {position: absolute;top: -14px;left: 50%;transform: translateX(-50%);width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(135deg, #0b63ff, #12a06e);color: white;font-weight: 800;font-size: 1.1rem;display: flex;align-items: center;justify-content: center;box-shadow: 0 6px 16px rgba(11, 99, 255, 0.25);}
.how-step-icon {font-size: 3rem;color: #0b63ff;margin-bottom: 1rem;opacity: 0.9;}
.how-step h3 {font-size: 1.3rem;font-weight: 700;color: #0c2340;margin: 0 0 0.8rem;line-height: 1.3;}
.how-step p {font-size: 0.95rem;color: #555;line-height: 1.6;margin: 0;}
.how-cta {text-align: center;margin-top: 3rem;}
.how-cta-btn {display: inline-flex;align-items: center;justify-content: center;padding: 14px 36px;border-radius: 16px;background: linear-gradient(135deg, #0b63ff, #12a06e);color: white;text-decoration: none;font-weight: 700;font-size: 1.05rem;box-shadow: 0 12px 28px rgba(11, 99, 255, 0.28);transition: transform 0.2s ease, box-shadow 0.2s ease;}
.how-cta-btn:hover {transform: translateY(-3px);box-shadow: 0 16px 40px rgba(11, 99, 255, 0.35);}
.how-cta p {font-size: 0.9rem;color: #666;margin-top: 1rem;margin-bottom: 0;}
.how-reveal {opacity: 0;transform: translateY(40px);transition: all 0.8s ease;}
.how-reveal.how-visible {opacity: 1;transform: translateY(0);}
.coming-soon-banner {background: linear-gradient(135deg, #001f4d, #004c94);color: #fff;padding: 60px 20px;text-align:center;border-bottom: 4px solid #00c2ff;}
.coming-soon-banner h2 {font-size: 2.2rem;margin-bottom: 10px;letter-spacing: 1px;}
.coming-soon-banner h2 i {margin-right: 10px;}
.coming-soon-banner p {font-size: 1.1rem;opacity: 0.9;}
.professionals-section {padding: 60px 20px;max-width: 1200px;margin: auto;text-align: center;}
.section-title {font-size: 2.4rem;margin-bottom: 10px;color: #1e1e1e;}
.section-subtitle {font-size: 1.1rem;max-width: 700px;margin: 0 auto 40px;color: #555;}
.features-grid {display: grid;gap: 25px;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.feature-card {background: #fff;padding: 25px;border-radius: 15px;box-shadow: 0 6px 18px rgba(0,0,0,0.08);text-align: center;transition: transform 0.25s ease, box-shadow 0.25s ease;}
.feature-card:hover {transform: translateY(-8px);box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.feature-card .icon {font-size: 2.5rem;margin-bottom: 15px;color: #004c94;}
.rr-footer {background: #0a0f1a;color: #d9e2f1;padding: 60px 20px 30px;font-family: "Inter", sans-serif;}
.footer-top {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 40px;max-width: 1300px;margin: auto;}
.footer-brand {text-align: left;}
.logo-box img {width: 160px;opacity: 0.95;}
.footer-slogan {margin-top: 15px;font-size: 0.95rem;color: #9eb2cc;}
.footer-links h4,.footer-legal h4 {margin-bottom: 15px;color: #fff;font-size: 1.1rem;}
.footer-links nav a,.footer-legal a {display: block;color: #c5d4e8;text-decoration: none;margin: 6px 0;transition: 0.25s;}
.footer-links nav a:hover,
.footer-legal a:hover {color: #00c2ff;transform: translateX(5px);}
.footer-language {margin-top: 20px;}
.footer-language label {margin-right: 5px;}
.footer-language select {padding: 6px 10px;background: #111a2b;color: #d9e2f1;border: 1px solid #33425a;border-radius: 6px;outline: none;}
.footer-cta {display: flex;justify-content: flex-start;align-items: flex-start;}
.start-btn {display: inline-flex;align-items: center;gap: 8px;background: #00c2ff;color: #000;padding: 12px 22px;border-radius: 10px;font-size: 1rem;font-weight: 600;text-decoration: none;transition: 0.25s ease;}
.start-btn:hover {background: #66e0ff;transform: translateY(-3px);}
.footer-bottom {text-align: center;margin-top: 40px;font-size: 0.9rem;color: #8fa6c4;border-top: 1px solid #1d2a3f;padding-top: 20px;}
@media (max-width: 600px) {.footer-cta {justify-content: center;}.footer-brand,.footer-links,.footer-legal {text-align: center;}}
@keyframes fadeInUp { 0% {opacity:0; transform:translateY(20px);} 100% {opacity:1; transform:translateY(0);} }
@keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
.contact-container {animation: fadeIn 0.8s ease forwards;padding: 50px 20px;min-height: 100vh;display: flex;justify-content: center;align-items: center;}
.contact-grid {width: 100%;max-width: 1100px;display: grid;grid-template-columns: 1fr 380px;gap: 30px;}
.contact-card {animation: fadeInUp 0.9s ease forwards;background: var(--card-bg);padding: 35px;border-radius: var(--radius-lg);box-shadow: var(--shadow-2);}
.contact-hero {display: flex;gap: 18px;align-items: center;}
.brand-badge {width: 60px;height: 60px;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-1);}
.brand-badge img {width: 100%;height: 100%;object-fit: cover;}
.contact-title {font-size: 22px;margin: 0;color: var(--blue-900);font-weight: 700;}
.contact-sub {margin: 4px 0 0;color: var(--text-muted);font-size: 14px;}
.contact-form {margin-top: 25px;display: flex;flex-direction: column;gap: 16px;}
.form-row {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
.form-group {display: flex;flex-direction: column;gap: 6px;}
.form-label {font-size: 14px;font-weight: 600;color: var(--text-dark);}
.input,.textarea {border: 1px solid #dfe6ee;padding: 12px 14px;font-size: 15px;border-radius: 10px;transition: var(--transition);background: #ffffff;}
.textarea {min-height: 140px;resize: vertical;}
.input:focus,.textarea:focus {border-color: var(--blue-500);outline: none;box-shadow: 0 0 0 3px rgba(43, 130, 201, 0.2);}
.full-width {grid-column: 1 / -1;}
.btn-primary {background: linear-gradient(90deg, var(--blue-700), var(--blue-500));color: white;padding: 12px 20px;font-size: 15px;border: none;border-radius: 10px;cursor: pointer;transition: var(--transition);font-weight: 600;}
.btn-primary:hover {transform: translateY(-2px);}
.btn-ghost {background: transparent;border: 2px solid var(--blue-500);color: var(--blue-700);}
.form-actions {display: flex;gap: 12px;margin-top: 10px;}
.contact-info {animation: fadeInUp 1s ease forwards;background: #ffffff;padding: 28px;border-radius: var(--radius-md);box-shadow: var(--shadow-1);display: flex;flex-direction: column;gap: 20px;}
.info-row {display: flex;gap: 12px;align-items: flex-start;}
.info-icon {width: 45px;height: 45px;border-radius: var(--radius-md);background: var(--blue-500);display: flex;justify-content: center;align-items: center;color: white;font-size: 18px;}
.info-title {font-size: 16px;font-weight: 700;color: var(--blue-900); margin: 0;}
.info-text {margin: 3px 0 0;color: var(--text-muted);font-size: 14px;}
.socials {display: flex;gap: 10px;margin-top: 8px;}
.socials a {width: 38px;height: 38px;display: grid;place-items: center;background: rgba(43, 130, 201, 0.1);border-radius: 8px;text-decoration: none;color: var(--blue-700);font-weight: 700;}
.map {animation: fadeIn 1.2s ease forwards;width: 100%;height: 160px;border-radius: 10px;background: rgba(43, 130, 201, 0.1);border: 1px solid #dfe6ee;}
@media (max-width: 900px) {.contact-grid {grid-template-columns: 1fr;}.contact-card {padding: 25px;}.form-row {grid-template-columns: 1fr;}}
body.rr-about-body {
background:
radial-gradient(circle at top left, rgba(76, 132, 255, 0.12), transparent 28%),
linear-gradient(180deg, #f4f8ff 0%, #ffffff 46%, #eef4fb 100%);
margin: 0;
font-family: "Manrope", Inter, "Segoe UI", sans-serif;
color: #132238;
}
.rr-about-wrapper {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
padding: 48px 0 88px;
}
.rr-about-header {
text-align: center;
margin-bottom: 40px;
}
.rr-about-header h1 {
font-size: 2.5rem;
color: var(--blue-900);
}


.rr-about-section {
background: rgba(255, 255, 255, 0.86);
padding: 32px;
border-radius: 28px;
box-shadow: 0 24px 50px rgba(10, 36, 74, 0.08);
border: 1px solid rgba(12, 35, 64, 0.08);
margin-bottom: 28px;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
backdrop-filter: blur(16px);
}


.rr-about-section:hover {
transform: translateY(-4px);
box-shadow: 0 28px 60px rgba(10, 36, 74, 0.13);
border-color: rgba(11, 99, 255, 0.18);
}


.rr-about-section h2 {
color: #0c2340;
font-size: clamp(1.6rem, 2vw, 2.25rem);
line-height: 1.08;
letter-spacing: -0.04em;
margin: 0 0 14px;
}


.rr-about-section p,
.rr-about-section li {
color: #536579;
line-height: 1.75;
font-size: 1rem;
}


.rr-about-list {
padding-left: 20px;
margin: 18px 0 0;
display: grid;
gap: 10px;
}


.rr-about-slogan {
text-align: center;
font-size: clamp(1.35rem, 2vw, 1.75rem);
margin-top: 44px;
font-weight: 800;
letter-spacing: -0.03em;
color: #0f4ea8;
}

.rr-about-fade {
opacity: 0;
transform: translateY(20px);
animation: rrFadeIn 0.8s ease forwards;
}


@keyframes rrFadeIn {
to {
opacity: 1;
transform: translateY(0);
}
}


.rr-about-header {
opacity: 0;
animation: rrFadeIn 1s ease forwards 0.2s;
}
.rr-about-section {
opacity: 0;
animation: rrFadeIn 1s ease-in-out forwards 0.4s;
}


.rr-about-slogan {
opacity: 0;
animation: rrFadeIn 1s ease forwards 1s;
}

.rr-about-eyebrow,
.rr-about-section-tag,
.rr-about-panel-label {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 999px;
background: rgba(11, 99, 255, 0.08);
color: #0b63ff;
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}

.rr-about-hero {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.95fr);
gap: 28px;
align-items: stretch;
margin-bottom: 28px;
}

.rr-about-hero-copy,
.rr-about-hero-panel {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 255, 0.88));
border: 1px solid rgba(12, 35, 64, 0.08);
border-radius: 32px;
box-shadow: 0 24px 60px rgba(10, 36, 74, 0.1);
backdrop-filter: blur(16px);
}

.rr-about-hero-copy {
padding: 42px;
}

.rr-about-hero-copy h1 {
font-size: clamp(2.6rem, 5vw, 4.45rem);
line-height: 0.96;
letter-spacing: -0.06em;
margin: 18px 0 18px;
max-width: 12ch;
color: #081e38;
}

.rr-about-hero-copy p {
max-width: 62ch;
margin: 0;
font-size: 1.08rem;
line-height: 1.8;
color: #4e6277;
}

.rr-about-actions,
.rr-about-cta-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 28px;
}

.rr-about-primary,
.rr-about-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 22px;
border-radius: 16px;
text-decoration: none;
font-weight: 800;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.rr-about-primary {
background: linear-gradient(135deg, #0b63ff, #12a06e);
color: #ffffff;
box-shadow: 0 16px 32px rgba(11, 99, 255, 0.22);
}

.rr-about-primary:hover {
transform: translateY(-2px);
box-shadow: 0 22px 40px rgba(11, 99, 255, 0.28);
}

.rr-about-secondary {
background: rgba(11, 99, 255, 0.06);
border: 1px solid rgba(11, 99, 255, 0.12);
color: #0c2340;
}

.rr-about-secondary:hover {
transform: translateY(-2px);
background: rgba(11, 99, 255, 0.1);
}

.rr-about-hero-panel {
padding: 24px;
display: grid;
gap: 18px;
background:
linear-gradient(180deg, rgba(12, 35, 64, 0.97), rgba(10, 61, 109, 0.94)),
radial-gradient(circle at top right, rgba(71, 166, 255, 0.38), transparent 30%);
color: #eaf4ff;
}

.rr-about-panel-card {
padding: 24px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 24px;
}

.rr-about-panel-card strong {
display: block;
font-size: 1.45rem;
line-height: 1.1;
margin-top: 14px;
letter-spacing: -0.04em;
}

.rr-about-panel-card p {
margin: 12px 0 0;
color: rgba(234, 244, 255, 0.82);
}

.rr-about-panel-label {
background: rgba(255, 255, 255, 0.1);
color: #9cd0ff;
}

.rr-about-stats-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}

.rr-about-stat {
padding: 18px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
min-height: 108px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.rr-about-stat strong {
font-size: 1.35rem;
letter-spacing: -0.04em;
}

.rr-about-stat span {
color: rgba(234, 244, 255, 0.74);
}

.rr-about-story {
display: grid;
grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.2fr);
gap: 28px;
align-items: start;
}

.rr-about-story-copy {
display: grid;
gap: 16px;
}

.rr-about-story-copy p {
margin: 0;
}

.rr-about-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
margin-bottom: 28px;
}

.rr-about-feature-card {
height: 100%;
}

.rr-about-section-heading {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
}

.rr-about-pillars-grid,
.rr-about-security-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.rr-about-pillar,
.rr-about-security-item {
padding: 22px;
border-radius: 22px;
background: linear-gradient(180deg, #ffffff, #f6faff);
border: 1px solid rgba(12, 35, 64, 0.08);
}

.rr-about-pillar h3,
.rr-about-security-item strong {
display: block;
margin: 0 0 12px;
font-size: 1.15rem;
line-height: 1.2;
color: #0d223d;
letter-spacing: -0.03em;
}

.rr-about-pillar p,
.rr-about-security-item p {
margin: 0;
}

.rr-about-security-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rr-about-cta {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: center;
padding: 34px 36px;
border-radius: 32px;
background:
linear-gradient(135deg, rgba(12, 35, 64, 0.96), rgba(7, 89, 162, 0.92)),
radial-gradient(circle at top right, rgba(109, 214, 255, 0.35), transparent 30%);
box-shadow: 0 24px 50px rgba(10, 36, 74, 0.18);
color: #f6fbff;
}

.rr-about-cta h2 {
color: #ffffff;
margin-bottom: 12px;
}

.rr-about-cta p {
margin: 0;
max-width: 60ch;
color: rgba(246, 251, 255, 0.82);
}

.rr-about-cta .rr-about-section-tag {
background: rgba(255, 255, 255, 0.12);
color: #a6d4ff;
}

@media (max-width: 1080px) {
  .rr-about-hero,
  .rr-about-story,
  .rr-about-grid,
  .rr-about-pillars-grid,
  .rr-about-security-grid,
  .rr-about-cta {
    grid-template-columns: 1fr;
  }

  .rr-about-cta {
    display: grid;
    align-items: start;
  }
}

@media (max-width: 768px) {
  .rr-about-wrapper {
    width: min(100% - 24px, 1180px);
    padding: 28px 0 64px;
  }

  .rr-about-hero-copy,
  .rr-about-section,
  .rr-about-cta,
  .rr-about-hero-panel {
    padding: 24px;
    border-radius: 24px;
  }

  .rr-about-hero-copy h1 {
    max-width: none;
  }

  .rr-about-stats-grid,
  .rr-about-security-grid {
    grid-template-columns: 1fr;
  }

  .rr-about-actions,
  .rr-about-cta-actions {
    flex-direction: column;
  }

  .rr-about-primary,
  .rr-about-secondary {
    width: 100%;
  }
}

.bg-effect {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

/* Base grid */
.bg-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(135deg, var(--line-1) 1px, transparent 1px),
    linear-gradient(135deg, var(--line-1) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: driftA 26s linear infinite;
  opacity: 0.9;
  pointer-events: none;
}

/* Glow grid */
.bg-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(135deg, var(--line-2) 2px, transparent 2px),
    linear-gradient(135deg, var(--line-2) 2px, transparent 2px);
  background-size: 85px 85px;
  mix-blend-mode: screen;
  filter: blur(1px);
  opacity: 0.7;
  animation: driftB 38s linear infinite;
  pointer-events: none;
}

/* --- FLOATING LIGHT FOG LAYER --- */
.fog-layer {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, var(--glow-1), transparent 60%),
              radial-gradient(circle at 80% 70%, var(--glow-2), transparent 60%);
  filter: blur(80px);
  animation: fogPulse 16s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: -1;
}




@keyframes driftA {
  from { background-position: 0 0; }
  to { background-position: 48px 48px; }
}

@keyframes driftB {
  from { background-position: 0 0; }
  to { background-position: 120px 120px; }
}

.search-results-section {padding: 0 0 5rem;background: linear-gradient(180deg, rgba(8, 27, 53, 0.02), rgba(7, 79, 143, 0.08));opacity: 0;max-height: 0;overflow: hidden;transition: opacity .35s ease, max-height .35s ease, padding .35s ease;}
.search-results-section.is-visible {opacity: 1;max-height: 2400px;padding: 1.5rem 0 5rem;}
.search-results-shell {width: min(1400px, 94vw);margin: 0 auto;transform: translateY(-24px);}
.marketplace-results-card,.assistant-drawer {background: rgba(255,255,255,0.94);border: 1px solid rgba(11, 99, 255, 0.08);backdrop-filter: blur(18px);box-shadow: 0 28px 60px rgba(15, 35, 55, 0.12);border-radius: 28px;}
.marketplace-results-card {padding: 28px;}
.marketplace-heading {display: flex;justify-content: space-between;gap: 24px;align-items: end;margin-bottom: 18px;}
.marketplace-heading h2,.assistant-drawer h3 {margin: 6px 0 0;font-family: Urbanist, sans-serif;font-size: 2rem;line-height: 1.05;color: #0c2340;}
.assistant-drawer h3 {font-size: 1.5rem;}
.eyebrow {display: inline-flex;align-items: center;padding: 8px 12px;border-radius: 999px;background: rgba(11, 99, 255, 0.08);color: #0b63ff;font-weight: 700;font-size: 0.82rem;letter-spacing: 0.04em;text-transform: uppercase;}
.marketplace-status {max-width: 360px;margin: 0;color: #3f5b77;font-size: 0.98rem;line-height: 1.5;}
.search-summary {padding: 16px 18px;background: linear-gradient(135deg, rgba(11, 99, 255, 0.09), rgba(28, 179, 122, 0.1));border-radius: 18px;color: #16324f;line-height: 1.6;margin-bottom: 22px;}
.results-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 18px;}
.result-card {padding: 22px;border-radius: 22px;background: linear-gradient(180deg, #ffffff, #f8fbff);border: 1px solid rgba(12, 35, 64, 0.08);box-shadow: 0 18px 40px rgba(12, 35, 64, 0.08);display: flex;flex-direction: column;gap: 16px;min-height: 240px;}
.result-card-top {display: flex;justify-content: space-between;gap: 14px;align-items: start;}
.result-card h3 {margin: 0;color: #0d223d;font-size: 1.25rem;}
.result-meta,.result-address,.result-phone {margin: 0;color: #50657a;line-height: 1.5;}
.result-meta {font-size: 0.92rem;}
.result-address,.result-phone {font-size: 0.95rem;}
.result-badge {padding: 7px 10px;border-radius: 999px;background: #0c2340;color: #fff;font-size: 0.78rem;font-weight: 700;white-space: nowrap;}
.result-card-footer {display: flex;justify-content: space-between;gap: 12px;align-items: center;margin-top: auto;}
.result-link {display: inline-flex;align-items: center;justify-content: center;padding: 12px 16px;border-radius: 14px;background: #0b63ff;color: #fff;text-decoration: none;font-weight: 700;transition: transform .2s ease, background .2s ease;}
.result-link:hover {background: #084ed6;transform: translateY(-2px);}
.result-open-status {font-size: 0.88rem;color: #38536e;font-weight: 600;}
.empty-results {grid-column: 1 / -1;padding: 28px;border-radius: 20px;background: rgba(11, 99, 255, 0.06);color: #16324f;text-align: center;font-weight: 600;}
.assistant-fab-wrap {position: fixed;left: 22px;bottom: 22px;z-index: 120;display: flex;flex-direction: column;align-items: flex-start;gap: 14px;}
.assistant-fab {display: inline-flex;align-items: center;gap: 10px;border: 0;border-radius: 999px;padding: 14px 18px;background: linear-gradient(135deg, #0c2340, #0b63ff);color: #fff;box-shadow: 0 18px 40px rgba(12, 35, 64, 0.32);cursor: pointer;font-weight: 800;}
.assistant-fab-dot {width: 10px;height: 10px;border-radius: 50%;background: #68f0b3;box-shadow: 0 0 0 6px rgba(104, 240, 179, 0.18);}
.assistant-fab-label {letter-spacing: 0.02em;}
@keyframes assistantSlideUp{0%{opacity:0;transform:translateY(32px) scale(0.93);}65%{opacity:1;transform:translateY(-5px) scale(1.01);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes assistantSlideDown{0%{opacity:1;transform:translateY(0) scale(1);}100%{opacity:0;transform:translateY(22px) scale(0.95);}}
.assistant-drawer {width: min(420px, calc(100vw - 32px));padding: 22px;transform-origin: bottom left;}
.assistant-drawer.is-open{animation:assistantSlideUp 0.44s cubic-bezier(0.34,1.56,0.64,1) forwards;}
.assistant-drawer.is-closing{animation:assistantSlideDown 0.22s cubic-bezier(0.4,0,1,1) forwards;}
.assistant-drawer-header {display: flex;justify-content: space-between;gap: 16px;align-items: start;margin-bottom: 14px;}
.assistant-drawer-header p {margin: 10px 0 0;color: #4f6478;line-height: 1.6;}
.assistant-close {width: 38px;height: 38px;border-radius: 50%;border: 0;background: rgba(12, 35, 64, 0.08);color: #0c2340;font-size: 1.5rem;line-height: 1;cursor: pointer;flex: 0 0 auto;}
.assistant-suggestion-row {display: flex;flex-wrap: wrap;gap: 10px;margin: 18px 0 16px;}
.assistant-suggestion {border: 0;border-radius: 999px;padding: 10px 14px;background: rgba(12, 35, 64, 0.08);color: #0c2340;font-weight: 700;cursor: pointer;transition: background .2s ease, transform .2s ease;}
.assistant-suggestion:hover {background: rgba(11, 99, 255, 0.12);transform: translateY(-1px);}
.assistant-messages {display: flex;flex-direction: column;gap: 12px;max-height: 320px;overflow-y: auto;padding-right: 4px;margin-bottom: 16px;}
.assistant-message {padding: 14px 16px;border-radius: 18px;line-height: 1.55;white-space: pre-wrap;}
.assistant-message.assistant {background: #eef5ff;color: #17314e;border-top-left-radius: 6px;}
.assistant-message.user {background: #0c2340;color: #fff;border-top-right-radius: 6px;margin-left: 28px;}
.assistant-form {display: flex;flex-direction: column;gap: 12px;}
.assistant-form textarea {min-height: 110px;border-radius: 18px;border: 1px solid rgba(12, 35, 64, 0.12);padding: 14px 16px;font: inherit;resize: vertical;outline: none;}
.assistant-form textarea:focus {border-color: rgba(11, 99, 255, 0.5);box-shadow: 0 0 0 4px rgba(11, 99, 255, 0.08);}
.assistant-submit {border: 0;border-radius: 16px;padding: 14px 18px;background: linear-gradient(135deg, #0b63ff, #13a372);color: #fff;font-weight: 800;cursor: pointer;}
.assistant-submit:hover {filter: brightness(1.02);}
@media (max-width: 768px) {.marketplace-heading {flex-direction: column;align-items: start;}.marketplace-heading h2 {font-size: 1.6rem;}.results-grid {grid-template-columns: 1fr;}.marketplace-results-card,.assistant-drawer {padding: 20px;}.assistant-fab-wrap {left: 12px;right: 12px;bottom: 12px;}.assistant-fab {width: 100%;justify-content: center;}.assistant-drawer {width: 100%;}}

/* ── Result card interaction ── */
.result-card {cursor: pointer;}
.result-card:hover {transform: translateY(-4px);border-color: rgba(11,99,255,0.22);box-shadow: 0 22px 48px rgba(12,35,64,0.13);}
.result-card:focus-visible {outline: 3px solid #0b63ff;outline-offset: 3px;}
.result-desc-preview {margin: 0;color: #607185;font-size: 0.92rem;line-height: 1.5;}
.result-detail-hint {font-size: 0.9rem;font-weight: 600;color: #0b63ff;}
.result-quick-link {font-size: 0.88rem;padding: 8px 14px;border-radius: 10px;border: 1.5px solid rgba(11,99,255,0.3);color: #0b63ff;text-decoration: none;font-weight: 600;transition: background .2s;white-space: nowrap;}
.result-quick-link:hover {background: rgba(11,99,255,0.07);}

/* ── Business Detail Modal ── */
.biz-modal-overlay {display: none;position: fixed;inset: 0;z-index: 200;background: rgba(5,15,35,0.65);backdrop-filter: blur(6px);align-items: center;justify-content: center;padding: 16px;}
.biz-modal-overlay.is-open {display: flex;}
.biz-modal {position: relative;background: #fff;border-radius: 28px;width: min(860px, 100%);max-height: 92vh;display: flex;flex-direction: column;overflow: hidden;box-shadow: 0 40px 100px rgba(5,15,35,0.25);animation: modalSlideUp .28s cubic-bezier(.22,1,.36,1) both;}
@keyframes modalSlideUp {from {opacity:0;transform:translateY(28px)} to {opacity:1;transform:translateY(0)}}
.biz-modal-close {position: absolute;top: 18px;right: 20px;width: 42px;height: 42px;border-radius: 50%;border: 0;background: rgba(12,35,64,0.07);color: #0c2340;font-size: 1.6rem;line-height: 1;cursor: pointer;z-index: 10;transition: background .2s;}
.biz-modal-close:hover {background: rgba(12,35,64,0.14);}
.biz-modal-header {padding: 32px 32px 22px;border-bottom: 1px solid rgba(12,35,64,0.07);position: relative;}
.biz-modal-title-row h2 {margin: 0 0 8px;font-family: Urbanist,sans-serif;font-size: 1.8rem;color: #0c2340;}
.biz-modal-meta-row {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 12px;}
.biz-modal-category {font-size: 0.9rem;font-weight: 700;color: #3b5f7e;}
.biz-modal-open-status.open {color: #16a34a;font-weight: 700;font-size: 0.9rem;}
.biz-modal-open-status.closed {color: #dc2626;font-weight: 700;font-size: 0.9rem;}
.biz-stars-row {display: flex;align-items: center;gap: 2px;margin-bottom: 12px;}
.biz-star {font-size: 1.3rem;color: #d1d5db;}
.biz-star.filled {color: #f59e0b;}
.biz-rating-num {font-size: 0.95rem;color: #4b6278;font-weight: 600;margin-left: 6px;}
.biz-modal-desc {margin: 0 0 14px;color: #4a5f72;line-height: 1.65;font-size: 1rem;}
.biz-modal-tags {display: flex;flex-wrap: wrap;gap: 8px;}
.biz-tag {padding: 6px 13px;border-radius: 999px;background: rgba(11,99,255,0.08);color: #0b63ff;font-size: 0.82rem;font-weight: 700;}
.biz-modal-body {display: grid;grid-template-columns: 280px 1fr;flex: 1;overflow: hidden;}
.biz-modal-info-col {padding: 28px 24px 28px 32px;border-right: 1px solid rgba(12,35,64,0.07);display: flex;flex-direction: column;gap: 20px;overflow-y: auto;}
.biz-info-block {display: flex;flex-direction: column;gap: 4px;}
.biz-info-label {font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: #8a9fb4;}
.biz-info-value {font-size: 0.98rem;color: #1c3247;line-height: 1.5;}
.biz-modal-reviews-col {padding: 28px 32px;overflow-y: auto;}
.biz-modal-reviews-col h3 {margin: 0 0 18px;font-size: 1.2rem;color: #0c2340;font-family: Urbanist,sans-serif;}
.biz-reviews-list {display: flex;flex-direction: column;gap: 16px;}
.biz-review-item {padding: 18px;border-radius: 16px;background: #f6f9ff;border: 1px solid rgba(11,99,255,0.07);}
.biz-review-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}
.biz-review-author {font-weight: 700;font-size: 0.95rem;color: #1c3247;}
.biz-review-stars {color: #f59e0b;font-size: 1rem;letter-spacing: 1px;}
.biz-review-text {margin: 0;color: #4a5f72;line-height: 1.55;font-size: 0.95rem;}
.biz-reviews-empty {color: #7a93a8;font-style: italic;margin: 0;}
.biz-modal-footer {padding: 20px 32px;border-top: 1px solid rgba(12,35,64,0.07);background: #f8fbff;display: flex;justify-content: flex-end;}
.biz-modal-cta {display: inline-flex;align-items: center;gap: 10px;padding: 16px 28px;border-radius: 18px;background: linear-gradient(135deg, #0c2340, #0b63ff);color: #fff;text-decoration: none;font-weight: 800;font-size: 1.05rem;transition: filter .2s, transform .2s;}
.biz-modal-cta:hover {filter: brightness(1.08);transform: translateY(-2px);}
@media (max-width: 720px) {.biz-modal-body {grid-template-columns: 1fr;}.biz-modal-info-col {border-right: none;border-bottom: 1px solid rgba(12,35,64,0.07);padding: 22px 22px 22px 22px;}.biz-modal-reviews-col {padding: 22px;}.biz-modal-header {padding: 24px 22px 18px;}.biz-modal-footer {padding: 16px 22px;}.biz-modal-title-row h2 {font-size: 1.45rem;}}

@keyframes fogPulse {
  0% { transform: scale(1); opacity: 0.65; }
  100% { transform: scale(1.25); opacity: 1; }
}

@media (max-width: 1100px) {
  .map-tech-wrapper {grid-template-columns: 1fr;gap: 1.5rem;width: min(95%, 920px)}
  .map-placeholder {height: 360px}
  .marketplace-heading h2,.trust-title,.rr-title,.review-title,.section-title {font-size: 2rem}
}

@media (max-width: 768px) {
  #repairradar-section,
  #rr-trust-section,
  #rr-demo-section,
  #rr-map-tech,
  #rr-review-section,
  .professionals-section {padding: 3.5rem 0.9rem}

  .rr-title,
  .trust-title,
  .review-title,
  .section-title {font-size: 1.65rem;line-height: 1.2}

  .rr-sub,
  .trust-sub,
  .review-sub,
  .section-subtitle,
  .demo-sub {font-size: 0.98rem;margin-bottom: 2rem}

  .rr-grid,
  .rr-why-grid,
  .features-grid,
  .trust-badges {gap: 0.9rem}

  .rr-card,
  .rr-why-card,
  .feature-card,
  .review-card,
  .trust-badge,
  .map-card,
  .tech-list-card {padding: 1.1rem;border-radius: 14px}

  .rr-card {min-height: 160px;}
  .rr-card-icon {width: 52px;height: 52px;font-size: 1.4rem;margin-bottom: 0.8rem;}
  .rr-card-title {font-size: 1rem;}
  .rr-card-desc {font-size: 0.8rem;}

  .trust-image-wrapper,
  .demo-wrapper {width: 100%}

  .demo-video-box img {height: 240px}
  .map-placeholder {height: 280px}
  .review-card {min-width: 270px;max-width: 270px}
  .how-header h2 {font-size: 2rem}
  .how-steps-grid {grid-template-columns: 1fr;}
  .how-step {padding: 1.8rem}
  .how-container {width: 95%}

  .contact-container {padding: 30px 14px 40px;align-items: flex-start}
  .contact-grid {gap: 18px}
  .contact-card,
  .contact-info {padding: 20px}
  .contact-hero {align-items: flex-start}
  .form-actions {flex-direction: column}
  .form-actions .btn-primary {width: 100%}
}

@media (max-width: 480px) {
  .nav-wrap {gap: 10px}
  .brand {max-width: calc(100% - 56px)}
  .brand-text h1 {font-size: .9rem}
  .hero-container {margin: 14px 8px;padding: 22px 12px 18px;border-radius: 18px}
  .hero-title {font-size: 1.82rem;line-height:1.05}
  .hero-subtitle{font-size:.96rem}
  .hero-right-text{font-size:.92rem;line-height:1.45}
  .rr-grid {grid-template-columns: repeat(3, 1fr);gap: 1rem;}
  .rr-card {padding: 1.2rem 0.8rem;min-height: 140px;}
  .rr-card-icon {width: 44px;height: 44px;font-size: 1.2rem;margin-bottom: 0.6rem;}
  .rr-card-title {font-size: 0.9rem;}
  .rr-card-desc {font-size: 0.7rem;}
  .search-row input,
  .search-btn {padding: 12px 14px;font-size: 0.95rem}
  .assistant-message.user {margin-left: 0}
  .review-track {gap: 1rem}
}