#inspections-list .section-title {
  white-space: nowrap;
  font-size: clamp(18px, 5vw, 60px);
}
#brands-section .section-title {
  white-space: nowrap;
  font-size: clamp(18px, 5vw, 60px);
}
#how .section-title {
  white-space: nowrap;
  font-size: clamp(18px, 5vw, 60px);
}
.nav-logo-icon { 
    width: 40px; 
    height: 40px; 
    background: linear-gradient(135deg, var(--sky), var(--sky-dark)); 
    border-radius: 12px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    
    /* YENİ EKLENEN ÖZELLİKLER */
    font-family: 'Cabinet Grotesk', sans-serif; /* Sitedeki kalın font */
    font-size: 22px; /* Harf büyüklüğü */
    font-weight: 800; /* Ekstra kalınlık */
    color: white; /* Beyaz renk */
    
    box-shadow: 0 4px 14px rgba(14,165,233,0.35); 
}
.mobile-drawer {
  position:fixed;top:0;right:0;height:100%;width:88%;max-width:320px;
  background:white;z-index:490;transform:translateX(100%);
  transition:transform .4s cubic-bezier(.77,0,.175,1);
  box-shadow:-20px 0 60px rgba(14,165,233,.15);
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:0;
}
.mobile-drawer.open { transform:translateX(0); }

.mobile-drawer-overlay {
  position:fixed;inset:0;background:rgba(15,23,42,.45);
  backdrop-filter:blur(6px);z-index:480;opacity:0;
  pointer-events:none;transition:opacity .4s;
}
.mobile-drawer-overlay.open { opacity:1;pointer-events:all; }

.mobile-drawer-header {
  display:flex;align-items:center;justify-content:space-between;
  padding:28px 20px 20px;flex-shrink:0;
  background:linear-gradient(135deg,#0EA5E9,#0369A1);
  position:relative;overflow:hidden;
}
.mobile-drawer-header::before {
  content:'';position:absolute;top:-30px;right:-30px;
  width:120px;height:120px;border-radius:50%;
  background:rgba(255,255,255,.08);pointer-events:none;
}
.mobile-drawer-header::after {
  content:'';position:absolute;bottom:-40px;left:-20px;
  width:100px;height:100px;border-radius:50%;
  background:rgba(255,255,255,.06);pointer-events:none;
}
.mobile-drawer-header .nav-logo-text { color:white; }
.mobile-drawer-header .nav-logo-text span { color:rgba(255,255,255,.7); }
.mobile-drawer-header .nav-logo-icon {
  background:rgba(255,255,255,.2);
  box-shadow:0 4px 14px rgba(0,0,0,.15);
}

.drawer-close-btn {
  width:36px;height:36px;border-radius:10px;
  background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:white;font-size:16px;
  flex-shrink:0;transition:all .2s;z-index:1;
}
.drawer-close-btn:hover { background:rgba(255,255,255,.25); }

.mobile-drawer-nav {
  display:flex;flex-direction:column;
  padding:16px 12px;flex:1;overflow-y:auto;gap:2px;
}
.mobile-drawer-nav a {
  display:flex;align-items:center;gap:14px;
  padding:13px 16px;border-radius:14px;
  color:var(--text-2);font-size:14px;font-weight:600;
  text-decoration:none;transition:all .2s;position:relative;
}
.mobile-drawer-nav a:hover,.mobile-drawer-nav a:active {
  background:var(--sky-5);color:var(--sky-dark);
  transform:translateX(4px);
}
.mobile-drawer-nav a .nav-icon {
  width:36px;height:36px;border-radius:11px;
  background:var(--surface-2);border:1.5px solid var(--surface-3);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:var(--sky-dark);flex-shrink:0;transition:all .2s;
}
.mobile-drawer-nav a:hover .nav-icon {
  background:var(--sky);border-color:var(--sky);color:white;
}
.mobile-drawer-nav .nav-divider {
  height:1px;background:var(--surface-3);
  margin:8px 4px;border-radius:99px;
}

.mobile-drawer-footer {
  padding:16px 12px 36px;border-top:1px solid var(--surface-3);
  display:flex;flex-direction:column;gap:8px;
  background:white;flex-shrink:0;
}
.drawer-footer-label {
  font-size:10px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--text-3);
  padding:0 4px;margin-bottom:2px;
}

.hamburger {
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:8px;border:none;
  background:transparent;z-index:601;position:relative;
}
.hamburger span {
  display:block;width:24px;height:2px;background:var(--ink);
  border-radius:99px;transition:all .35s cubic-bezier(.77,0,.175,1);
}
.hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity:0;transform:translateX(-8px); }
.hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
:root {
  --sky:       #0EA5E9;
  --sky-2:     #0284C7;
  --sky-3:     #38BDF8;
  --sky-4:     #BAE6FD;
  --sky-5:     #E0F2FE;
  --sky-dark:  #0369A1;
  --sky-deep:  #075985;
  --night:     #F8FAFC;
  --ink:       #0F172A;
  --ink-2:     #1E293B;
  --muted:     #64748B;
  --border:    rgba(14,165,233,.18);
  --white:     #FFFFFF;
  --surface:   #FFFFFF;
  --surface-2: #F1F5F9;
  --surface-3: #E2E8F0;
  --text:      #0F172A;
  --text-2:    #334155;
  --text-3:    #64748B;
  --r-xl:      28px;
  --r-lg:      20px;
  --r-md:      14px;
  --green:     #10B981;
  --red:       #EF4444;
  --yellow:    #F59E0B;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:hidden; -webkit-text-size-adjust:100%; }

body {
  font-family:'Instrument Sans',sans-serif;
  background:var(--night);
  color:var(--text);
  overflow-x:hidden;
  max-width:100vw;
}

/* iOS input zoom fix - CRITICAL */
input, select, textarea, button {
  font-size:16px;
  -webkit-appearance:none;
}

.cursor { width:10px;height:10px;background:var(--sky);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s; }
.cursor-ring { width:36px;height:36px;border:1.5px solid rgba(14,165,233,.5);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .35s,height .35s,border-color .35s; }
body:has(a:hover) .cursor,body:has(button:hover) .cursor { width:20px;height:20px;background:var(--sky-2); }
body:has(a:hover) .cursor-ring,body:has(button:hover) .cursor-ring { width:60px;height:60px;border-color:var(--sky); }

@media (max-width:1100px) {
  .cursor, .cursor-ring { display:none; }
  body { cursor:auto !important; }
}
@media (pointer:fine) and (min-width:1101px) {
  body { cursor:none; }
}
@media (pointer:coarse) {
  .cursor, .cursor-ring { display:none !important; }
  body { cursor:auto !important; }
}

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--surface-2); }
::-webkit-scrollbar-thumb { background:var(--sky);border-radius:99px; }

h1,h2,h3,h4 { font-family:'Cabinet Grotesk',sans-serif;line-height:1.08;letter-spacing:-0.03em;color:var(--ink); }
.display { font-size:clamp(44px,7vw,96px);font-weight:900;line-height:1.0;letter-spacing:-0.04em; }
.h2 { font-size:clamp(30px,4.5vw,60px);font-weight:800; }
.h3 { font-size:clamp(20px,2.5vw,30px);font-weight:700; }
.sky { color:var(--sky-2); }
.muted { color:var(--muted); }

.container { max-width:1160px;margin:0 auto;padding:0 28px;width:100%; }
.section { padding:120px 0; }
.section-sm { padding:80px 0; }

body::before { content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.012;mix-blend-mode:multiply; }
.orb { position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0; }

/* NAV */
nav { position:fixed;top:0;left:0;right:0;z-index:500;padding:18px 0;transition:all .4s;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-3); }
nav.scrolled { background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);padding:12px 0;box-shadow:0 4px 20px rgba(14,165,233,.08); }
.nav-inner { display:flex;align-items:center;justify-content:space-between; }
.nav-logo { display:flex;align-items:center;gap:10px;text-decoration:none; }
.nav-logo-icon { width:40px;height:40px;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:white;box-shadow:0 4px 14px rgba(14,165,233,.35); }
.nav-logo-text { font-family:'Cabinet Grotesk',sans-serif;font-size:24px;font-weight:900;color:var(--ink);letter-spacing:-0.04em; }
.nav-logo-text span { color:var(--sky); }
.nav-links { 
    display: flex;
    align-items: center;
    gap: 4px; /* Elemanlar arası boşluğu biraz daralttık */
    list-style: none;
    flex-wrap: nowrap; /* Menünün asla alt satıra geçmemesini sağlar */
}

.nav-links a { 
    padding: 8px 10px; /* Sağ-sol boşluğu 14px'den 10px'e çekerek yer kazandık */
    border-radius: 99px;
    color: var(--text-2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    white-space: nowrap; /* Metnin tek satırda kalmasını garanti eder */
}

.nav-links a:hover { 
    color: var(--sky-dark);
    background: var(--sky-5); 
}

.nav-actions { 
    display: flex;
    align-items: center;
    gap: 8px; /* Butonlar arası boşluğu 10px'den 8px'e düşürdük */
    flex-shrink: 0; /* Butonların daralıp bozulmasını engeller */
}

/* Hamburger */
.hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:transparent;z-index:600; }
.hamburger span { display:block;width:24px;height:2px;background:var(--ink);border-radius:99px;transition:all .35s cubic-bezier(.77,0,.175,1); }
.hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity:0;transform:translateX(-8px); }
.hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }


/* Mobile Drawer */
.mobile-drawer { position:fixed;top:0;right:0;height:100dvh;width:85%;max-width:300px;background:white;z-index:490;transform:translateX(100%);transition:transform .4s cubic-bezier(.77,0,.175,1);box-shadow:-8px 0 40px rgba(14,165,233,.12);display:flex;flex-direction:column;overflow:hidden; }
.mobile-drawer-nav { flex:1;overflow-y:auto;min-height:0; }
.mobile-drawer-footer { flex-shrink:0 !important; }

.mobile-drawer-nav { display:flex;flex-direction:column;padding:10px 12px;flex:1;overflow-y:auto;gap:2px;min-height:0; }

.mobile-drawer-footer { padding:14px 12px 48px;border-top:1px solid var(--surface-3);display:flex;flex-direction:column;gap:8px;background:white;flex-shrink:0;margin-top:auto; }
.mobile-drawer-overlay.open { opacity:1;pointer-events:all; }
.mobile-drawer-header { display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--surface-3);flex-shrink:0; }
.mobile-drawer-close { width:36px;height:36px;border-radius:10px;border:1.5px solid var(--surface-3);background:var(--surface-2);color:var(--ink);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1; }
.mobile-drawer-nav { display:flex;flex-direction:column;padding:10px 12px;flex:1;overflow-y:auto;gap:2px; }
.mobile-drawer-nav a { display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--text-2);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s; }
.mobile-drawer-nav a:hover,.mobile-drawer-nav a:active { background:var(--sky-5);color:var(--sky-dark); }
.mobile-drawer-nav a i { width:18px;text-align:center;color:var(--sky);font-size:14px;flex-shrink:0; }
.mobile-drawer-nav a span { flex:1; }
.mobile-drawer-divider { height:1px;background:var(--surface-3);margin:6px 4px; }
.mobile-drawer-footer { padding:14px 12px 40px;border-top:1px solid var(--surface-3);display:flex;flex-direction:column;gap:8px;background:white;flex-shrink:0; }
.btn { display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:99px;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .25s;white-space:nowrap; }
.btn-ghost { background:var(--surface-2);border:1px solid var(--surface-3);color:var(--text-2); }
.btn-ghost:hover { background:var(--surface-3);border-color:var(--border);color:var(--ink); }
.btn-sky { background:linear-gradient(135deg,var(--sky) 0%,var(--sky-dark) 100%);color:white;box-shadow:0 4px 18px rgba(14,165,233,.35),0 2px 8px rgba(0,0,0,.1); }
.btn-sky:hover { transform:translateY(-2px);box-shadow:0 8px 28px rgba(14,165,233,.5),0 4px 12px rgba(0,0,0,.1); }
.btn-outline { background:white;border:2px solid var(--sky);color:var(--sky-dark);font-weight:700; }
.btn-outline:hover { background:var(--sky-5);border-color:var(--sky-dark); }
.btn-lg { padding:14px 32px;font-size:16px; }
.btn-xl { padding:18px 40px;font-size:17px; }
.btn-google { background:white;border:1.5px solid var(--surface-3);color:var(--text-2);box-shadow:0 2px 8px rgba(0,0,0,.08); }
.btn-google:hover { background:var(--surface-2);border-color:var(--border); }
.btn-google svg { width:18px;height:18px; }

/* HERO */
#hero { min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px;background:linear-gradient(160deg,#F8FAFC 0%,#EFF6FF 50%,#F0F9FF 100%); }
.hero-orb-1 { width:700px;height:700px;background:radial-gradient(circle,rgba(14,165,233,.15),transparent 70%);top:-200px;left:-200px; }
.hero-orb-2 { width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.1),transparent 70%);bottom:-100px;right:-100px; }
.hero-orb-3 { width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.07),transparent 70%);top:50%;left:55%;transform:translate(-50%,-50%); }
.hero-grid { position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(14,165,233,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 100%); }
.hero-content { position:relative;z-index:2;max-width:760px; }
.hero-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.2);border-radius:99px;padding:6px 16px 6px 8px;font-size:13px;color:var(--sky-dark);font-weight:600;margin-bottom:28px; }
.hero-badge-dot { width:24px;height:24px;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;animation:pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.4);}50%{box-shadow:0 0 0 8px rgba(14,165,233,0);} }
.hero-title { margin-bottom:24px; }
.hero-gradient-text { background:linear-gradient(135deg,var(--ink) 0%,var(--sky) 60%,var(--sky-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-desc { font-size:18px;line-height:1.7;color:var(--text-3);margin-bottom:40px;max-width:540px; }
.hero-cta { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:64px; }
.hero-stats { display:flex;gap:0;flex-wrap:nowrap;padding-top:40px;border-top:1px solid var(--surface-3); }
.hero-stat-val { font-family:'Cabinet Grotesk',sans-serif;font-size:clamp(18px,5vw,36px);font-weight:900;background:linear-gradient(135deg,var(--sky-dark),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-stat-label { font-size:clamp(9px,2.5vw,13px);color:var(--text-3);margin-top:2px; }
.hero-stats > div { flex:1;min-width:0;padding-right:8px; }
.hero-stat-val { font-family:'Cabinet Grotesk',sans-serif;font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--sky-dark),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-stat-label { font-size:13px;color:var(--text-3);margin-top:2px; }
.hero-visual { position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:2;width:320px;animation:float 5s ease-in-out infinite;overflow:hidden; }
@keyframes float { 0%,100%{transform:translateY(-50%) translateY(0);}50%{transform:translateY(-50%) translateY(-18px);} }
.phone { width:280px;background:linear-gradient(160deg,#F8FAFC,#EFF6FF);border-radius:44px;border:1px solid var(--surface-3);box-shadow:0 40px 80px rgba(14,165,233,.15),0 4px 20px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden;margin:0 auto; }
.phone-bar { height:28px;background:var(--sky-5);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--surface-3); }
.phone-pill { width:80px;height:8px;background:var(--surface-3);border-radius:99px; }
.phone-screen { padding:18px; }
.phone-header-mini { background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:16px;padding:16px;margin-bottom:14px; }
.phone-header-mini h4 { font-size:13px;font-weight:700;margin-bottom:2px;color:white; }
.phone-header-mini p { font-size:10px;opacity:.75;color:white; }
.phone-card { background:white;border:1px solid var(--surface-3);border-radius:14px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.05); }
.phone-card-icon { width:34px;height:34px;background:var(--sky-5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sky-dark);font-size:14px;flex-shrink:0; }
.phone-card-label { font-size:11px;font-weight:700;color:var(--ink); }
.phone-card-sub { font-size:10px;color:var(--text-3);margin-top:1px; }
.phone-score { font-size:11px;color:var(--yellow);font-weight:700; }
.phone-submit { width:100%;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border:none;border-radius:12px;padding:10px;font-size:12px;font-weight:700;color:white;cursor:pointer;margin-top:4px;box-shadow:0 4px 14px rgba(14,165,233,.35); }

/* SECTION LABELS */
.section-label { display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky-dark);margin-bottom:16px; }
.section-label::before { content:'';display:block;width:20px;height:2px;background:var(--sky); }
.section-title { margin-bottom:16px;color:var(--ink); }
.section-sub { font-size:17px;color:var(--text-3);max-width:520px;line-height:1.7;margin-bottom:56px; }

/* HOW IT WORKS */
#how { position:relative;background:linear-gradient(180deg,var(--surface-2) 0%,white 50%,var(--surface-2) 100%); }
.tabs-nav { display:flex;gap:8px;margin-bottom:56px;background:var(--surface-3);border:1px solid var(--surface-3);border-radius:16px;padding:6px;width:fit-content; }
.tab-btn { padding:10px 24px;border-radius:12px;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-3);transition:all .25s; }
.tab-btn.active { background:white;color:var(--sky-dark);box-shadow:0 2px 10px rgba(14,165,233,.15);border:1px solid var(--border); }
.tab-panel { display:none; }
.tab-panel.active { display:block; }
.steps-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.step-card { background:white;border:1px solid var(--surface-3);border-radius:var(--r-xl);padding:36px 28px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s; }
.step-card:hover { border-color:var(--border);transform:translateY(-4px);box-shadow:0 12px 40px rgba(14,165,233,.12); }
.step-card::before { content:attr(data-num);position:absolute;right:24px;top:20px;font-family:'Cabinet Grotesk',sans-serif;font-size:80px;font-weight:900;color:rgba(14,165,233,.06);line-height:1; }
.step-icon { width:52px;height:52px;background:linear-gradient(135deg,var(--sky-5),rgba(14,165,233,.1));border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--sky-dark);margin-bottom:24px; }
.step-card h3 { font-size:20px;font-weight:700;margin-bottom:10px;color:var(--ink); }
.step-card p { font-size:14px;color:var(--text-3);line-height:1.7; }

/* BRANDS */
.brands-search-bar { display:flex;align-items:center;background:white;border:1.5px solid var(--surface-3);border-radius:16px;padding:14px 20px;gap:12px;max-width:540px;margin-bottom:16px;transition:border-color .3s;box-shadow:0 2px 10px rgba(0,0,0,.04); }
.brands-search-bar:focus-within { border-color:var(--sky);box-shadow:0 0 0 4px rgba(14,165,233,.08); }
.brands-search-bar i { color:var(--sky);font-size:16px; }
.brands-search-bar input { background:none;border:none;outline:none;font-family:'Instrument Sans',sans-serif;font-size:15px;color:var(--ink);flex:1; }
.brands-search-bar input::placeholder { color:var(--text-3); }
.brands-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.brand-card { background:white;border:1.5px solid var(--surface-3);border-radius:var(--r-xl);padding:28px 20px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04); }
.brand-card:hover { border-color:var(--border);transform:translateY(-4px);background:var(--sky-5);box-shadow:0 12px 32px rgba(14,165,233,.12); }
.brand-card::after { content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.06),transparent 70%);opacity:0;transition:opacity .3s; }
.brand-card:hover::after { opacity:1; }
.brand-logo-wrap { width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:24px;font-weight:900;margin:0 auto 16px;position:relative;z-index:1; }
.brand-name { font-size:14px;font-weight:700;margin-bottom:6px;position:relative;z-index:1;color:var(--ink); }
.brand-sector { font-size:12px;color:var(--text-3);margin-bottom:12px;position:relative;z-index:1; }
.brand-rating { display:inline-flex;align-items:center;gap:4px;background:rgba(245,158,11,.1);color:#D97706;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;position:relative;z-index:1; }
.brand-inspections { font-size:11px;color:var(--text-3);margin-top:8px;position:relative;z-index:1; }

/* Pagination */
.pagination { display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px;flex-wrap:wrap; }
.insp-pag-info { text-align:center;font-size:12px;font-weight:600;color:var(--text-3);margin-top:20px;letter-spacing:.3px; }
.page-btn { width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--surface-3);background:white;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s; }
.page-btn:hover { border-color:var(--sky);color:var(--sky-dark);background:var(--sky-5); }
.page-btn.active { background:var(--sky);border-color:var(--sky);color:white;box-shadow:0 4px 14px rgba(14,165,233,.35); }
.page-btn.disabled { opacity:.3;cursor:not-allowed;pointer-events:none; }
.page-info { font-size:13px;color:var(--text-3);padding:0 8px; }

/* STATS */
#stats { background:linear-gradient(135deg,var(--sky-5) 0%,var(--sky-4) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0; }
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2px; }
.stat-cell { padding:40px 32px;text-align:center;border-right:1px solid rgba(14,165,233,.2);position:relative; }
.stat-cell:last-child { border-right:none; }
.stat-num { font-family:'Cabinet Grotesk',sans-serif;font-size:clamp(40px,5vw,64px);font-weight:900;background:linear-gradient(135deg,var(--sky-dark),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px; }
.stat-label { font-size:14px;color:var(--text-2);font-weight:500; }
.stat-sub { font-size:12px;color:var(--sky-dark);margin-top:4px;font-weight:600; }

/* INSPECTIONS */
#inspections-list { background:linear-gradient(180deg,white 0%,var(--surface-2) 100%);padding-bottom:60px; }
.insp-filters { display:flex;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap; }
.insp-filter-btn { padding:8px 18px;border-radius:99px;border:1.5px solid var(--surface-3);background:white;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s; }
.insp-filter-btn:hover,.insp-filter-btn.active { background:var(--sky-5);border-color:var(--sky);color:var(--sky-dark); }
.inspections-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.insp-card { background:white;border:1.5px solid var(--surface-3);border-radius:22px;padding:24px;transition:all .3s;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04); }
.insp-card:hover { border-color:var(--border);transform:translateY(-3px);background:white;box-shadow:0 12px 32px rgba(14,165,233,.1); }
.insp-card-header { display:flex;align-items:center;gap:12px;margin-bottom:16px; }
.insp-brand-logo { width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:18px;font-weight:900;flex-shrink:0;background:var(--sky-5); }
.insp-brand-logo img { width:100%;height:100%;border-radius:14px;object-fit:contain; }
.insp-brand-name { font-size:13px;font-weight:700;margin-bottom:2px;color:var(--ink); }
.insp-meta { font-size:11px;color:var(--text-3); }
.insp-rating { display:flex;gap:2px;margin-bottom:12px; }
.insp-star { font-size:13px;color:var(--surface-3); }
.insp-star.on { color:#F59E0B; }
.insp-comment { font-size:13px;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.insp-footer { display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--surface-3); }
.insp-inspector { display:flex;align-items:center;gap:8px; }
.insp-inspector-avatar { width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--sky-dark));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white; }
.insp-inspector-name { font-size:11px;color:var(--text-3); }
.insp-badge { display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:700;text-transform:capitalize; }
.insp-badge.rookie { background:rgba(100,116,139,.1);color:#475569; }
.insp-badge.bronze { background:rgba(180,128,75,.12);color:#92400E; }
.insp-badge.silver { background:rgba(100,116,139,.12);color:#475569; }
.insp-badge.gold { background:rgba(245,158,11,.1);color:#D97706; }
.insp-badge.diamond { background:rgba(14,165,233,.1);color:var(--sky-dark); }
.insp-images { display:flex;gap:6px;margin-bottom:12px; }
.insp-img-thumb { width:52px;height:52px;border-radius:10px;object-fit:cover;border:1px solid var(--surface-3); }
.insp-img-more { width:52px;height:52px;border-radius:10px;background:var(--sky-5);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--sky-dark); }
.skeleton { background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite; }
@keyframes shimmer { 0%{background-position:200% 0;}100%{background-position:-200% 0;} }
.skeleton-card { height:200px;border-radius:22px;margin-bottom:20px; }
.empty-state { text-align:center;padding:60px 20px;grid-column:1/-1; }
.empty-state i { font-size:48px;color:var(--surface-3);margin-bottom:16px;display:block; }
.empty-state p { font-size:15px;color:var(--text-3); }

/* LEADERBOARD */
#leaderboard { background:linear-gradient(180deg,var(--surface-2) 0%,white 100%); }
.leaderboard-grid { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start; }
.lb-list { display:flex;flex-direction:column;gap:10px; }
.lb-card { display:flex;align-items:center;gap:14px;padding:16px 20px;background:white;border:1.5px solid var(--surface-3);border-radius:18px;transition:all .3s;cursor:default;box-shadow:0 2px 8px rgba(0,0,0,.04); }
.lb-card:hover { border-color:var(--border);background:var(--sky-5);transform:translateX(4px); }
.lb-rank { font-family:'Cabinet Grotesk',sans-serif;font-size:20px;font-weight:900;width:36px;text-align:center;flex-shrink:0; }
.lb-rank.gold-rank { color:#D97706; }
.lb-rank.silver-rank { color:#64748B; }
.lb-rank.bronze-rank { color:#92400E; }
.lb-rank.normal-rank { color:var(--text-3);font-size:16px; }
.lb-avatar { width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:16px;font-weight:900;flex-shrink:0;background:linear-gradient(135deg,var(--sky),var(--sky-dark));color:white; }
.lb-avatar img { width:100%;height:100%;border-radius:50%;object-fit:cover; }
.lb-name { font-size:14px;font-weight:700;margin-bottom:2px;color:var(--ink); }
.lb-stat { font-size:12px;color:var(--text-3); }
.lb-right { margin-left:auto;text-align:right; }
.lb-approved { font-family:'Cabinet Grotesk',sans-serif;font-size:22px;font-weight:900;color:var(--sky-dark);line-height:1; }
.lb-approved-label { font-size:10px;color:var(--text-3);margin-top:2px; }

/* FORMS */
#forms { position:relative;background:var(--surface-2); }
.forms-toggle { display:flex;gap:8px;margin-bottom:48px;background:var(--surface-3);border:1px solid var(--surface-3);border-radius:16px;padding:6px;width:fit-content; }
.form-panel { display:none; }
.form-panel.active { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start; }
.form-feature { display:flex;align-items:flex-start;gap:14px;margin-bottom:20px; }
.form-feature-icon { width:40px;height:40px;background:var(--sky-5);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--sky-dark);font-size:16px;flex-shrink:0;margin-top:2px; }
.form-feature-title { font-size:14px;font-weight:700;margin-bottom:3px;color:var(--ink); }
.form-feature-desc { font-size:13px;color:var(--text-3);line-height:1.6; }
.form-card { background:white;border:1.5px solid var(--surface-3);border-radius:var(--r-xl);padding:36px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(14,165,233,.08); }
.form-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--sky-dark)); }
.form-card-title { font-size:18px;font-weight:700;margin-bottom:8px;color:var(--ink); }
.form-card-sub { font-size:13px;color:var(--text-3);margin-bottom:28px; }
.field { margin-bottom:18px; }
.field label { display:block;font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:8px; }
.field input,.field select,.field textarea { width:100%;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:12px;padding:13px 16px;font-family:'Instrument Sans',sans-serif;font-size:16px;color:var(--ink);outline:none;transition:all .25s; }
.field input::placeholder,.field textarea::placeholder { color:var(--text-3); }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--sky);background:white;box-shadow:0 0 0 3px rgba(14,165,233,.1); }
.field select { cursor:pointer; }
.field select option { background:white;color:var(--ink); }
.field textarea { resize:vertical;min-height:110px; }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.star-field { margin-bottom:18px; }
.star-field label { display:block;font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:10px; }
.stars { display:flex;gap:6px; }
.star { width:38px;height:38px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text-3); }
.star.active { background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#F59E0B; }
.upload-area { border:2px dashed var(--border);border-radius:14px;padding:28px;text-align:center;cursor:pointer;transition:all .25s;background:var(--sky-5);margin-bottom:18px; }
.upload-area:hover { border-color:var(--sky);background:rgba(14,165,233,.08); }
.upload-area i { font-size:28px;color:var(--sky);margin-bottom:10px;display:block; }
.upload-area p { font-size:13px;color:var(--text-2); }
.upload-area span { font-size:11px;color:var(--sky-dark); }
.step-dots { display:flex;gap:6px;margin-bottom:24px; }
.step-dot { height:4px;border-radius:99px;transition:all .3s;background:var(--surface-3); }
.step-dot.done { background:var(--sky); }
.step-dot.active { background:var(--sky-dark);flex-grow:1; }
.form-submit { width:100%;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border:none;border-radius:14px;padding:15px;font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:700;color:white;cursor:pointer;box-shadow:0 8px 24px rgba(14,165,233,.3);transition:all .25s;display:flex;align-items:center;justify-content:center;gap:10px; }
.form-submit:hover { transform:translateY(-2px);box-shadow:0 12px 32px rgba(14,165,233,.45); }
.form-submit:disabled { opacity:.6;transform:none;cursor:not-allowed; }

/* FAQ */
#faq { background:white; }
.faq-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.faq-item { background:white;border:1.5px solid var(--surface-3);border-radius:var(--r-lg);overflow:hidden;transition:border-color .3s,box-shadow .3s; }
.faq-item:hover { border-color:var(--border);box-shadow:0 4px 16px rgba(14,165,233,.08); }
.faq-q { padding:22px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px;font-size:15px;font-weight:600;color:var(--ink); }
.faq-q i { color:var(--sky);font-size:14px;transition:transform .3s;flex-shrink:0; }
.faq-item.open .faq-q i { transform:rotate(180deg); }
.faq-a { max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-size:14px;color:var(--text-2);line-height:1.7;padding:0 24px; }
.faq-item.open .faq-a { max-height:200px;padding:0 24px 22px; }

/* CONTACT */
#contact { position:relative;background:var(--surface-2); }
.contact-orb { width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.08),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%); }
.contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.contact-methods { display:flex;flex-direction:column;gap:16px;margin-top:40px; }
.contact-method { display:flex;align-items:center;gap:16px;padding:20px 24px;background:white;border:1.5px solid var(--surface-3);border-radius:var(--r-lg);transition:all .3s;text-decoration:none;color:var(--text-2); }
.contact-method:hover { border-color:var(--border);background:var(--sky-5);transform:translateX(6px); }
.contact-method-icon { width:44px;height:44px;background:var(--sky-5);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sky-dark);font-size:18px;flex-shrink:0; }
.contact-method-title { font-size:14px;font-weight:700;margin-bottom:2px;color:var(--ink); }
.contact-method-val { font-size:13px;color:var(--text-3); }
.contact-form-card { background:white;border:1.5px solid var(--surface-3);border-radius:var(--r-xl);padding:40px;position:relative;box-shadow:0 8px 32px rgba(14,165,233,.08); }
.contact-form-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--sky-dark));border-radius:var(--r-xl) var(--r-xl) 0 0; }

/* FOOTER */
footer { border-top:1px solid var(--surface-3);padding:60px 0 40px;background:var(--ink); }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px; }
.footer-brand p { font-size:14px;color:var(--text-3);line-height:1.7;margin-top:14px;max-width:260px; }
.footer-col h4 { font-size:13px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--text-3);margin-bottom:16px; }
.footer-col a { display:block;color:var(--text-3);font-size:14px;text-decoration:none;margin-bottom:10px;transition:color .2s; }
.footer-col a:hover { color:var(--sky-3); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px; }
.footer-bottom p { font-size:13px;color:rgba(255,255,255,.3); }
.footer-socials { display:flex;gap:10px; }
.social-btn { width:36px;height:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:14px;text-decoration:none;transition:all .2s; }
.social-btn:hover { background:rgba(14,165,233,.2);border-color:var(--sky);color:var(--sky-3); }

/* MODAL */
.modal-overlay { position:fixed;inset:0;z-index:600;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px; }
.modal-overlay.show { display:flex;animation:fadeIn .2s ease; }
@keyframes fadeIn { from{opacity:0;}to{opacity:1;} }
.modal { width:100%;max-width:420px;background:white;border:1.5px solid var(--surface-3);border-radius:28px;padding:40px;box-shadow:0 40px 80px rgba(14,165,233,.15),0 8px 30px rgba(0,0,0,.1);animation:modalIn .35s cubic-bezier(.34,1.56,.64,1);position:relative; }
@keyframes modalIn { from{opacity:0;transform:scale(.88) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);} }
.modal::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--sky-dark));border-radius:28px 28px 0 0; }
.modal-logo { margin-bottom:28px; }
.modal h2 { font-size:26px;margin-bottom:6px;color:var(--ink); }
.modal p { font-size:14px;color:var(--text-3);margin-bottom:28px; }
.modal-divider { display:flex;align-items:center;gap:12px;margin:20px 0; }
.modal-divider-line { flex:1;height:1px;background:var(--surface-3); }
.modal-divider span { font-size:12px;color:var(--text-3); }
.modal-close-btn { position:absolute;top:20px;right:20px;width:32px;height:32px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:10px;color:var(--text-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s; }
.modal-close-btn:hover { background:var(--surface-3);color:var(--ink); }

/* AUTH GATE */
.auth-gate { background:linear-gradient(135deg,var(--sky-5) 0%,rgba(14,165,233,.06) 100%);border:1.5px dashed rgba(14,165,233,.3);border-radius:20px;padding:28px 24px;text-align:center;margin-bottom:4px; }
.auth-gate-icon { width:56px;height:56px;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;color:white;margin:0 auto 16px;box-shadow:0 8px 20px rgba(14,165,233,.3); }
.auth-gate h3 { font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;font-family:'Cabinet Grotesk',sans-serif;letter-spacing:-0.02em; }
.auth-gate p { font-size:13px;color:var(--text-3);line-height:1.6;margin-bottom:20px;max-width:280px;margin-left:auto;margin-right:auto; }
.auth-gate-btns { display:flex;gap:10px;justify-content:center;flex-wrap:wrap; }
.auth-gate-btns .btn { font-size:13px;padding:10px 20px; }
.auth-gate-divider { display:flex;align-items:center;gap:10px;margin:16px 0 0; }
.auth-gate-divider-line { flex:1;height:1px;background:rgba(14,165,233,.15); }
.auth-gate-divider span { font-size:11px;color:var(--text-3); }
.form-body-locked { display:none; }
.form-body-locked.visible { display:block; }

/* Emotion buttons */
.insp-emotion-btn { display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:14px;cursor:pointer;transition:all .15s;font-size:10px;font-weight:700;color:var(--text-3); }
.insp-emotion-btn span { font-size:10px; }
.insp-emotion-btn:hover { border-color:var(--sky);background:var(--sky-5); }
.insp-emotion-btn.selected { background:rgba(14,165,233,.1);border-color:var(--sky);color:var(--sky-dark); }

/* Category card */
.insp-cat-card { display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:14px;cursor:pointer;transition:all .2s;user-select:none; }
.insp-cat-card .insp-cat-icon { width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .2s; }
.insp-cat-card .insp-cat-name { font-size:13px;font-weight:700;color:var(--ink);flex:1; }
.insp-cat-card .insp-cat-count { font-size:11px;color:var(--text-3);background:var(--surface-3);padding:2px 8px;border-radius:20px;white-space:nowrap; }
.insp-cat-card .insp-cat-check { width:22px;height:22px;border:2px solid var(--surface-3);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:12px; }
.insp-cat-card.selected { background:rgba(14,165,233,.06);border-color:var(--sky); }
.insp-cat-card.selected .insp-cat-check { background:var(--sky);border-color:var(--sky);color:white; }

/* Criteria fields */
.criteria-section { margin-bottom:20px; }
.criteria-section-title { font-size:13px;font-weight:800;color:var(--ink);margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px solid var(--surface-3);display:flex;align-items:center;gap:8px; }
.criteria-section-icon { width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px; }
.criteria-field { margin-bottom:14px; }
.criteria-label { font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:7px;display:flex;align-items:center;gap:4px; }
.criteria-required { color:#EF4444;font-size:13px; }
.criteria-desc { font-size:11px;color:var(--text-3);margin-bottom:7px; }
.criteria-bool-row { display:flex;gap:8px; }
.criteria-bool-btn { flex:1;padding:10px;border:1.5px solid var(--surface-3);border-radius:10px;background:var(--surface-2);font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s; }
.criteria-bool-btn.yes.selected { background:rgba(34,197,94,.1);border-color:#22C55E;color:#16A34A; }
.criteria-bool-btn.no.selected { background:rgba(239,68,68,.1);border-color:#EF4444;color:#DC2626; }
.criteria-rating-row { display:flex;gap:5px; }
.criteria-star { width:34px;height:34px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:9px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text-3); }
.criteria-star.active { background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#F59E0B; }
.criteria-emotion-row { display:flex;gap:6px;flex-wrap:wrap; }
.criteria-emotion { padding:8px 10px;border:1.5px solid var(--surface-3);border-radius:10px;background:var(--surface-2);cursor:pointer;font-size:18px;transition:all .15s;text-align:center; }
.criteria-emotion.selected { border-color:var(--sky);background:var(--sky-5); }

/* Complaint category card */
.cm-cat-card { display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:14px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:700;color:var(--ink); }
.cm-cat-card i { width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--sky-5);color:var(--sky-dark);transition:all .2s; }
.cm-cat-card:hover { border-color:var(--sky);background:var(--sky-5); }
.cm-cat-card.selected { border-color:var(--sky);background:rgba(14,165,233,.08); }
.cm-cat-card.selected i { background:var(--sky);color:white; }

/* Brand detail modal */
.brand-modal { max-width:680px;max-height:80vh;overflow-y:auto; }
.brand-modal::-webkit-scrollbar { width:3px; }
.brand-modal::-webkit-scrollbar-thumb { background:var(--sky); }
.brand-cover { width:100%;height:140px;border-radius:16px;object-fit:cover;margin-bottom:20px; }
.brand-cover-placeholder { width:100%;height:140px;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:64px;font-weight:900; }
.brand-modal-header { display:flex;align-items:center;gap:16px;margin-bottom:20px; }
.brand-modal-logo { width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:24px;font-weight:900;flex-shrink:0; }
.brand-modal-logo img { width:100%;height:100%;border-radius:18px;object-fit:contain; }
.brand-modal-stat { display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--surface-2);border:1.5px solid var(--surface-3);font-size:12px;font-weight:600;margin-right:8px;margin-bottom:8px;color:var(--text-2); }
.brand-modal-inspections { margin-top:24px; }
.brand-modal-inspections h4 { font-size:15px;font-weight:700;margin-bottom:14px;color:var(--text-2); }
.mini-insp-card { padding:14px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:14px;margin-bottom:10px; }
.mini-insp-stars { font-size:12px;margin-bottom:6px; }
.mini-insp-text { font-size:13px;color:var(--text-2);line-height:1.5; }
.mini-insp-footer { display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-3); }

/* TOAST */
#toastWrap { position:fixed;bottom:28px;right:28px;z-index:700;display:flex;flex-direction:column;gap:10px; }
.toast { background:white;border:1.5px solid var(--surface-3);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:280px;box-shadow:0 8px 30px rgba(14,165,233,.12),0 4px 12px rgba(0,0,0,.08);animation:toastIn .4s cubic-bezier(.34,1.56,.64,1);border-left:3px solid var(--sky); }
.toast.success { border-left-color:#10B981; }
.toast.error { border-left-color:#EF4444; }
.toast i.fa-circle-check { color:#10B981; }
.toast i.fa-circle-xmark { color:#EF4444; }
.toast i.fa-circle-info { color:var(--sky); }
.toast span { font-size:13px;font-weight:600;color:var(--ink); }
@keyframes toastIn { from{opacity:0;transform:translateX(60px);}to{opacity:1;transform:translateX(0);} }

/* REVEAL */
.reveal { opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1;transform:translateY(0); }
.reveal-delay-1 { transition-delay:.1s; }
.reveal-delay-2 { transition-delay:.2s; }
.reveal-delay-3 { transition-delay:.3s; }
.reveal-delay-4 { transition-delay:.4s; }

/* MAP PICKER */
.map-picker-wrap { margin:16px 0; }
.map-picker-label { display:block;font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px; }
.map-picker-box { border:1.5px solid var(--surface-3);border-radius:14px;overflow:hidden;transition:border-color .25s; }
.map-picker-box:hover { border-color:var(--sky); }
.map-picker-toggle { display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;background:var(--sky-5);font-size:13px;font-weight:600;color:var(--sky-dark);user-select:none; }
.map-picker-toggle .fa-map-pin { font-size:15px; }
.map-picker-loc-text { flex:1;font-size:13px;color:var(--ink);font-weight:500; }
.map-picker-map-area { height:0;overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1); }
.map-picker-map-area.open { height:277px; }
.leaflet-map { width:100%;height:100%; }
.map-picker-coords { display:flex;align-items:center;gap:6px;padding:7px 14px;background:white;border-top:1px solid var(--surface-3);font-size:11px;color:var(--text-3);font-weight:500; }
.map-picker-coords .fa-crosshairs { color:var(--sky);font-size:11px; }

/* MAP LOCATION SEARCH */
.map-search-wrap { position:relative;padding:10px 12px;background:white;border-bottom:1px solid var(--surface-3); }
.map-search-input-row { display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:10px;padding:0 12px;transition:all .2s; }
.map-search-input-row:focus-within { border-color:var(--sky);background:white;box-shadow:0 0 0 3px rgba(14,165,233,.1); }
.map-search-input-row i { color:var(--sky);font-size:13px;flex-shrink:0; }
.map-search-input-row input { background:none;border:none;outline:none;font-family:'Instrument Sans',sans-serif;font-size:13px;color:var(--ink);width:100%;padding:9px 0; }
.map-search-input-row input::placeholder { color:var(--text-3); }
.map-search-input-row .map-search-clear { background:none;border:none;cursor:pointer;color:var(--text-3);padding:4px;font-size:12px;display:none; }
.map-search-input-row .map-search-clear.visible { display:block; }
.map-search-results { position:absolute;left:12px;right:12px;top:100%;background:white;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.2);z-index:10001;max-height:200px;overflow-y:auto;display:none;pointer-events:auto; }
.map-search-results.open { display:block; }
.map-search-item { display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;transition:background .15s;border-bottom:1px solid var(--surface-2); }
.map-search-item:last-child { border-bottom:none; }
.map-search-item:hover { background:var(--sky-5); }
.map-search-item i { color:var(--sky);font-size:12px;margin-top:2px;flex-shrink:0; }
.map-search-item-main { font-weight:600;color:var(--ink);line-height:1.3; }
.map-search-item-sub { font-size:11px;color:var(--text-3);margin-top:1px; }
.map-search-loading { padding:12px 14px;text-align:center;font-size:12px;color:var(--text-3); }
.map-search-no-result { padding:12px 14px;text-align:center;font-size:12px;color:var(--text-3); }

/* ═══ BRAND SEARCH DROPDOWN ═══ */
.brand-search-dropdown { position:relative;width:100%; }
.brand-search-input-wrap { display:flex;align-items:center;background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:12px;padding:0 14px;gap:10px;transition:all .25s;cursor:pointer; }
.brand-search-input-wrap:focus-within,
.brand-search-input-wrap.open { border-color:var(--sky);background:white;box-shadow:0 0 0 3px rgba(14,165,233,.1); }
.brand-search-input-wrap .search-icon { color:var(--sky);font-size:14px;flex-shrink:0; }
.brand-search-input-wrap input { background:none;border:none;outline:none;font-family:'Instrument Sans',sans-serif;font-size:16px;color:var(--ink);width:100%;padding:13px 0;cursor:pointer; }
.brand-search-input-wrap input::placeholder { color:var(--text-3); }
.brand-search-input-wrap .bsd-chevron { color:var(--text-3);font-size:12px;transition:transform .25s;flex-shrink:0; }
.brand-search-input-wrap.open .bsd-chevron { transform:rotate(180deg); }
.brand-search-list { position:absolute;top:calc(100% + 6px);left:0;right:0;background:white;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(14,165,233,.15),0 4px 12px rgba(0,0,0,.08);z-index:9999;max-height:240px;overflow-y:auto;display:none; }
.brand-search-list.open { display:block;animation:dropIn .15s ease; }
@keyframes dropIn { from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);} }
.brand-search-list::-webkit-scrollbar { width:3px; }
.brand-search-list::-webkit-scrollbar-thumb { background:var(--sky);border-radius:99px; }
.bsd-item { display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--surface-2); }
.bsd-item:last-child { border-bottom:none; }
.bsd-item:hover,.bsd-item:active { background:var(--sky-5); }
.bsd-item-logo { width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-size:14px;font-weight:900;flex-shrink:0; }
.bsd-item-logo img { width:100%;height:100%;border-radius:10px;object-fit:contain; }
.bsd-item-name { font-size:13px;font-weight:700;color:var(--ink); }
.bsd-item-sector { font-size:11px;color:var(--text-3);margin-top:1px; }
.bsd-no-result { padding:16px;text-align:center;font-size:13px;color:var(--text-3); }
.bsd-loading { padding:14px;text-align:center;font-size:12px;color:var(--text-3); }

/* ═══ RESPONSIVE ═══ */
@media (max-width:1100px) {
  .hero-visual { display:none; }
  .steps-grid { grid-template-columns:1fr; }
  .brands-grid { grid-template-columns:repeat(2,1fr); }
  .inspections-grid { grid-template-columns:repeat(2,1fr); }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .stat-cell:nth-child(2) { border-right:none; }
  .stat-cell { border-bottom:1px solid rgba(14,165,233,.15); }
  .form-panel.active { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr;gap:32px; }
  .faq-grid { grid-template-columns:1fr; }
  .leaderboard-grid { grid-template-columns:1fr; }
}

@media (max-width:1000px) {
  .nav-links { display:none; }
  .nav-actions .btn-google,
  .nav-actions #navUserChip,
  .nav-actions .btn-sky { display:none!important; }
  .hamburger { display:flex!important; }
  .brands-grid { grid-template-columns:repeat(2,1fr); }
  .inspections-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr; }
  .field-row { grid-template-columns:1fr; }
  .hero-cta { gap:10px; }
  .btn-xl { padding:14px 24px;font-size:15px; }
  .section { padding:72px 0; }
  .section-sm { padding:48px 0; }
  #hero { padding-top:80px;min-height:auto; }
  .hero-stats { gap:20px; }
  .hero-stat-val { font-size:26px; }
  .container { padding:0 18px; }
  .steps-grid { gap:14px; }
  .step-card { padding:24px 18px; }
  .brands-grid { gap:10px; }
  .brand-card { padding:18px 12px; }
  .stats-grid { gap:0; }
  .stat-cell { padding:24px 16px; }
  .leaderboard-grid { gap:28px; }
  .lb-card { padding:12px 14px; }
  .footer-grid { gap:24px; }
  .faq-q { font-size:14px;padding:18px 16px; }
  .contact-form-card { padding:24px 18px; }
  .mobile-drawer { width:85%;max-width:320px; }
  .form-card { padding:20px 16px;border-radius:18px; }
  /* Modal bottom sheet on mobile */
  .modal-overlay { align-items:flex-end;padding:0; }
  .modal { border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;width:100%;max-width:100%;padding:28px 20px 40px;-webkit-overflow-scrolling:touch; }
  .brand-modal { max-height:88vh; }
  #inspModal .modal,
  #complaintModal .modal { border-radius:24px 24px 0 0;max-height:94vh;padding:24px 18px 40px; }
  #toastWrap { bottom:16px;right:12px;left:12px; }
  .toast { min-width:0;width:100%; }
}

@media (max-width:380px) {
  .brands-grid { grid-template-columns:1fr; }
  .insp-emotion-btn { padding:8px 8px; }
}
/* ═══ FORM İYİLEŞTİRMELERİ ═══ */

/* Kriter kategori kartları arası boşluk */
#inspCatGrid {
  display:flex !important;
  flex-direction:column;
  gap:8px;
}

/* Kriter section — her bölüm beyaz kart içinde */
.criteria-section {
  background:white;
  border:1.5px solid var(--surface-3);
  border-radius:16px;
  padding:16px 18px;
  margin-bottom:10px;
}
.criteria-section:last-child { margin-bottom:0; }
.criteria-section-title {
  padding-bottom:10px;
  border-bottom:1.5px solid var(--surface-3);
  margin-bottom:14px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
}

/* Genel puan yıldızları — daha büyük */
#inspStars2 .star {
  width:44px;
  height:44px;
  font-size:22px;
  border-radius:12px;
  transition:all .18s cubic-bezier(.34,1.56,.64,1);
}
#inspStars2 .star:hover { transform:scale(1.15); border-color:rgba(245,158,11,.5); background:rgba(245,158,11,.08); color:#F59E0B; }
#inspStars2 .star.active { background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.4); color:#F59E0B; box-shadow:0 4px 12px rgba(245,158,11,.2); }

/* Duygu butonları — 5 kolonlu grid, hepsi eşit */
#inspEmotions {
  display:grid !important;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
#inspEmotions .insp-emotion-btn {
  flex-direction:column;
  padding:12px 6px;
  border-radius:14px;
  gap:5px;
  font-size:11px;
  transition:all .18s cubic-bezier(.34,1.56,.64,1);
}
#inspEmotions .insp-emotion-btn:hover { transform:translateY(-3px); }
#inspEmotions .insp-emotion-btn.selected { transform:translateY(-3px); box-shadow:0 6px 16px rgba(14,165,233,.18); }

/* Kriter duygu butonları — genel duygu ile aynı */
.criteria-emotion-row { display:flex; gap:8px; }
.criteria-emotion {
  flex:1;
  padding:10px 6px;
  border-radius:14px;
  font-size:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  transition:all .18s cubic-bezier(.34,1.56,.64,1);
}
.criteria-emotion:hover { transform:translateY(-3px); }
.criteria-emotion.selected { border-color:var(--sky); background:var(--sky-5); transform:translateY(-3px); }

/* Kriter yıldızları hover */
.criteria-star { transition:all .15s cubic-bezier(.34,1.56,.64,1); }
.criteria-star:hover { transform:scale(1.12); }
.criteria-star.active { box-shadow:0 3px 10px rgba(245,158,11,.2); }

/* Modal açıkken custom cursor kapat, sistem imleci göster */
.modal-overlay.show { cursor: auto; }
.modal-overlay.show * { cursor: auto !important; }
.modal-overlay.show .cursor,
.modal-overlay.show .cursor-ring { display: none !important; }
.modal-overlay.show input,
.modal-overlay.show textarea { cursor: text !important; }
.modal-overlay.show button,
.modal-overlay.show a,
.modal-overlay.show [onclick],
.modal-overlay.show .star,
.modal-overlay.show .insp-emotion-btn,
.modal-overlay.show .insp-cat-card,
.modal-overlay.show .cm-cat-card,
.modal-overlay.show .criteria-star,
.modal-overlay.show .criteria-bool-btn,
.modal-overlay.show .criteria-emotion { cursor: pointer !important; }
/* ════════════════════════════════════════════
   Canlı Konum Butonu & Harita Top Row
════════════════════════════════════════════ */

/* Toggle + buton yan yana */
.map-picker-top-row {
  display: flex;
  align-items: stretch;
}
.map-picker-top-row .map-picker-toggle {
  flex: 1;
  border-radius: 0;           /* box'ın kendi border-radius'ı var */
}

/* Canlı Konum butonu */
.map-live-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: linear-gradient(135deg, #0EA5E9, #0369A1);
  color: #fff;
  border: none;
  border-left: 1px solid rgba(255,255,255,.2);
  font-family: 'Instrument Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity .15s, transform .1s;
  letter-spacing: .1px;
  line-height: 1;
}
.map-live-btn:hover  { opacity: .88; }
.map-live-btn:active { transform: scale(.97); }
.map-live-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.map-live-btn .fa-location-arrow { font-size: 14px; }
.map-live-btn .fa-spinner { font-size: 13px; }

/* Mobil: buton tam genişlikte ikinci satır olsun */
@media (max-width: 540px) {
  .map-picker-top-row {
    flex-direction: column;
  }
  .map-picker-top-row .map-picker-toggle {
    border-radius: 0;
    border-bottom: 1px solid var(--surface-3);
  }
  .map-live-btn {
    width: 100%;
    border-left: none;
    justify-content: center;
    padding: 12px 16px;
    font-size: 13px;
    gap: 8px;
  }
  .map-live-btn span { display: inline; }   /* mobilde metni göster */
}

/* Kategori kartları arası boşluk */
#inspCatGrid {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
}