.page-district{--dl-blue:#0b5fff;--dl-blue-d:#0847c7;--dl-ink:#0b1220;--dl-muted:#5b6b86;--dl-line:rgba(15,23,42,0.08);--dl-radius:20px;--dl-shadow:0 18px 48px rgba(15,23,42,0.08);background:#f8fafc}.page-district .pillar-page{background:transparent}.dl-section{padding:56px 0;position:relative}.dl-section--muted{background:linear-gradient(180deg,#fff 0%,#f1f5f9 100%)}.dl-section--dark{background:linear-gradient(135deg,#06122a 0%,#0c3eb8 55%,#1e40af 100%);color:#fff;overflow:hidden}.dl-section--dark::before{content:"";position:absolute;width:60vw;height:60vw;right:-20%;top:-30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.12),transparent 65%);pointer-events:none}.dl-section-head{max-width:720px;margin-bottom:32px}.dl-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(11,95,255,0.1);color:var(--dl-blue);font-size:0.78rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:12px}.dl-section--dark .dl-kicker{background:rgba(255,255,255,0.14);color:#fff}.dl-section-head h2{margin:0 0 12px;font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.2;letter-spacing:-0.02em;color:var(--dl-ink)}.dl-section--dark .dl-section-head h2{color:#fff}.dl-section-head p{margin:0;font-size:1.05rem;line-height:1.65;color:var(--dl-muted)}.dl-section--dark .dl-section-head p{color:rgba(255,255,255,0.82)}.dl-intro-split{display:grid;gap:32px;align-items:center}@media (min-width:900px){.dl-intro-split{grid-template-columns:1fr 1fr}}.dl-intro-card{padding:28px;border-radius:var(--dl-radius);background:#fff;border:1px solid var(--dl-line);box-shadow:var(--dl-shadow)}.dl-intro-card p{margin:0 0 1em;line-height:1.7;color:#334155}.dl-intro-card p:last-child{margin-bottom:0}.dl-intro-media{position:relative;border-radius:var(--dl-radius);overflow:hidden;box-shadow:var(--dl-shadow)}.dl-intro-media img{width:100%;height:auto;display:block}.dl-intro-badge{position:absolute;left:16px;bottom:16px;padding:10px 14px;border-radius:12px;background:rgba(6,18,42,0.82);color:#fff;font-size:0.85rem;font-weight:700;backdrop-filter:blur(8px)}.dl-bento{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.dl-bento-card{grid-column:span 6;padding:22px 22px 20px;border-radius:var(--dl-radius);background:#fff;border:1px solid var(--dl-line);box-shadow:var(--dl-shadow);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.dl-bento-card:hover{transform:translateY(-4px);border-color:rgba(11,95,255,0.35);box-shadow:0 24px 56px rgba(11,95,255,0.12)}.dl-bento-card--wide{grid-column:span 12}.dl-bento-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0b5fff,#3b82f6);color:#fff;font-size:1.1rem;margin-bottom:14px}.dl-bento-card h3{margin:0 0 8px;font-size:1.12rem;color:var(--dl-ink)}.dl-bento-card p{margin:0;font-size:0.94rem;line-height:1.6;color:var(--dl-muted)}@media (max-width:768px){.dl-bento-card{grid-column:span 12}}.dl-profile-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dl-profile-card{position:relative;padding:24px 22px 22px;border-radius:var(--dl-radius);background:#fff;border:1px solid var(--dl-line);overflow:hidden;transition:transform 0.2s}.dl-profile-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0b5fff,#60a5fa)}.dl-profile-card:nth-child(2)::after{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.dl-profile-card:nth-child(3)::after{background:linear-gradient(90deg,#ea580c,#fb923c)}.dl-profile-card:hover{transform:translateY(-3px)}.dl-profile-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:#0c3eb8;font-size:1.2rem;margin-bottom:14px}.dl-profile-card h3{margin:0 0 8px;font-size:1.08rem;color:var(--dl-ink)}.dl-profile-card p{margin:0;font-size:0.93rem;line-height:1.65;color:var(--dl-muted)}.dl-issue-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}.dl-issue-card{display:flex;flex-direction:column;gap:10px;padding:20px 18px;border-radius:16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);color:#fff;text-decoration:none;backdrop-filter:blur(10px);transition:transform 0.2s,background 0.2s,border-color 0.2s;min-height:100%}.dl-issue-card:hover{transform:translateY(-3px);background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.35);color:#fff}.dl-issue-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,0.16);font-size:1rem}.dl-issue-card h3{margin:0;font-size:1.02rem;font-weight:800}.dl-issue-card p{margin:0;font-size:0.88rem;line-height:1.55;color:rgba(255,255,255,0.82);flex:1}.dl-issue-link{font-size:0.82rem;font-weight:700;color:#bfdbfe}.dl-timeline{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));counter-reset:dlstep;margin-top:8px}.dl-timeline-step{position:relative;padding:20px 16px 18px;border-radius:16px;background:#fff;border:1px solid var(--dl-line);box-shadow:0 8px 24px rgba(15,23,42,0.05)}.dl-timeline-step::before{counter-increment:dlstep;content:counter(dlstep);position:absolute;top:-10px;left:16px;width:28px;height:28px;border-radius:50%;background:var(--dl-blue);color:#fff;font-size:0.8rem;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 12px rgba(11,95,255,0.35)}.dl-timeline-icon{color:var(--dl-blue);font-size:1.15rem;margin:8px 0 10px}.dl-timeline-step h3{margin:0 0 6px;font-size:0.98rem;color:var(--dl-ink)}.dl-timeline-step p{margin:0;font-size:0.86rem;line-height:1.55;color:var(--dl-muted)}.dl-service-bento{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dl-service-card{display:flex;flex-direction:column;padding:22px 20px;border-radius:var(--dl-radius);text-decoration:none;color:inherit;border:1px solid var(--dl-line);background:#fff;transition:transform 0.2s,box-shadow 0.2s;min-height:100%}.dl-service-card:hover{transform:translateY(-4px);box-shadow:var(--dl-shadow);color:inherit}.dl-service-card--blue{background:linear-gradient(145deg,#eff6ff,#fff)}.dl-service-card--teal{background:linear-gradient(145deg,#f0fdfa,#fff)}.dl-service-card--indigo{background:linear-gradient(145deg,#eef2ff,#fff)}.dl-service-card--orange{background:linear-gradient(145deg,#fff7ed,#fff)}.dl-service-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#0c3eb8;color:#fff;margin-bottom:14px;font-size:1.1rem}.dl-service-card--teal .dl-service-icon{background:#0d9488}.dl-service-card--indigo .dl-service-icon{background:#4f46e5}.dl-service-card--orange .dl-service-icon{background:#ea580c}.dl-service-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--dl-ink)}.dl-service-card p{margin:0;flex:1;font-size:0.92rem;line-height:1.6;color:var(--dl-muted)}.dl-service-cta{margin-top:14px;font-size:0.85rem;font-weight:800;color:var(--dl-blue)}.dl-why-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dl-why-card{padding:20px 18px;border-radius:16px;background:rgba(255,255,255,0.75);border:1px solid var(--dl-line);backdrop-filter:blur(8px)}.dl-why-card i{color:var(--dl-blue);font-size:1.2rem;margin-bottom:10px}.dl-why-card h3{margin:0 0 6px;font-size:1rem;color:var(--dl-ink)}.dl-why-card p{margin:0;font-size:0.9rem;line-height:1.55;color:var(--dl-muted)}.dl-brand-strip{overflow:hidden;padding:20px 0;border-radius:var(--dl-radius);background:#fff;border:1px solid var(--dl-line)}.dl-brand-track{display:flex;gap:12px;width:max-content;animation:dl-marquee 32s linear infinite}.dl-brand-track:hover{animation-play-state:paused}@keyframes dl-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.dl-brand-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#0c3eb8;font-weight:700;font-size:0.9rem;text-decoration:none;white-space:nowrap;transition:background 0.15s,border-color 0.15s}.dl-brand-pill:hover{background:#eff6ff;border-color:#93c5fd;color:#0847c7}.dl-brand-pill i{color:#f59e0b;font-size:0.85rem}.dl-mahalle-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:20px 0 0;padding:0}.dl-mahalle-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--dl-line);text-decoration:none;color:var(--dl-ink);transition:transform 0.15s,border-color 0.15s,box-shadow 0.15s;min-height:56px}.dl-mahalle-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 28px rgba(11,95,255,0.1);color:var(--dl-ink)}.dl-mahalle-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:#eff6ff;color:#0c3eb8;font-size:0.9rem}.dl-mahalle-label{font-weight:700;font-size:0.92rem;line-height:1.35}.dl-local-insight{margin-top:24px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;font-size:0.98rem;line-height:1.7;color:#334155}.dl-local-insight strong{color:#0c3eb8}.dl-faq-premium details{background:#fff;border:1px solid var(--dl-line);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:box-shadow 0.15s}.dl-faq-premium details[open]{box-shadow:0 8px 24px rgba(15,23,42,0.06)}.dl-faq-premium summary{cursor:pointer;padding:16px 18px;font-weight:800;color:var(--dl-ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.dl-faq-premium summary::-webkit-details-marker{display:none}.dl-faq-premium summary::after{content:"+";font-size:1.2rem;color:var(--dl-blue);font-weight:700}.dl-faq-premium details[open] summary::after{content:"−"}.dl-faq-premium details[open] summary{background:#eff6ff;color:#0c3eb8}.dl-faq-premium details p{margin:0;padding:0 18px 16px;line-height:1.65;color:var(--dl-muted)}@media (max-width:768px){.dl-section{padding:40px 0}.dl-timeline{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.dl-brand-track{animation:none}.dl-bento-card:hover,.dl-profile-card:hover,.dl-issue-card:hover,.dl-service-card:hover,.dl-mahalle-card:hover{transform:none}}