/* Generated V154 CSS bundle. Canonical source order is intentional. */
/* === SOURCE: hero.css === */
.hero{
    background:linear-gradient(135deg,#eef6ff,#f8fafc);
    padding:100px 0 80px;
}

.hero-grid{
    width:min(1280px,calc(100% - var(--ia-page-gutter,48px)));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    gap:90px;
    align-items:center;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    background:#fff;
    border:1px solid #dbeafe;
    border-radius:999px;
    color:#2563eb;
    font-size:14px;
    font-weight:800;
    margin-bottom:24px;
}

.hero h1{
    margin:0;
    font-size:68px;
    line-height:1.05;
    font-weight:900;
    color:#0f172a;
}

.hero p{
    max-width:680px;
    margin:26px 0 0;
    font-size:20px;
    line-height:1.8;
    color:#64748b;
}

.hero-search{
    margin-top:38px;
    display:flex;
    gap:14px;
    max-width:720px;
}

.hero-search input{
    flex:1;
    height:64px;
    padding:0 24px;
    border:1px solid #dbeafe;
    border-radius:18px;
    background:#fff;
    font-size:17px;
    outline:none;
    box-shadow:0 10px 35px rgba(15,23,42,.08);
}

.hero-search button{
    width:110px;
    height:64px;
    border:none;
    border-radius:18px;
    background:#2563eb;
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
}

.popular-searches{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:22px;
    font-size:15px;
}

.popular-searches span{
    color:#64748b;
    font-weight:700;
}

.popular-searches a{
    color:#2563eb;
    text-decoration:none;
    font-weight:700;
}

.hero-actions-home{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.hero-secondary-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border:1px solid #bfdbfe;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    color:#1d4ed8;
    text-decoration:none;
    font-weight:900;
    box-shadow:0 10px 28px rgba(37,99,235,.10);
}

.hero-secondary-link:hover{
    background:#2563eb;
    color:#fff;
}

.hero-card{
    background:#fff;
    border-radius:28px;
    padding:40px;
    border:1px solid #e5e7eb;
    box-shadow:0 25px 70px rgba(15,23,42,.12);
}

.hero-card span{
    color:#2563eb;
    font-weight:800;
}

.hero-card h3{
    margin:14px 0;
    font-size:38px;
}

.hero-card p{
    margin:0 0 26px;
    color:#64748b;
    font-size:17px;
    line-height:1.8;
}

.hero-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 22px;
    border-radius:16px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

@media(max-width:680px){
    .hero-actions-home,
    .popular-searches{
        gap:10px;
    }

    .hero-secondary-link{
        width:100%;
    }
}

/* v2.1.1 — The homepage's upper experience is one visual stage. A selected
 * Customizer image can cover the whole stage; without one it remains a calm,
 * deliberate navy surface until photography is ready. */
.home-hero-stage{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-bottom:30px;
    background-color:#081a3d;
    background-image:
        radial-gradient(circle at 10% 10%,rgba(37,99,235,.34),transparent 30rem),
        radial-gradient(circle at 88% 12%,rgba(20,184,166,.22),transparent 26rem),
        linear-gradient(110deg,rgba(5,16,43,.92),rgba(8,26,61,.82));
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.home-hero-stage .hero{
    background:transparent;
}

.home-hero-stage .hero::after{
    background:none;
    opacity:0;
}

.home-hero-stage .hero h1{
    color:#fff;
    text-shadow:0 12px 34px rgba(2,6,23,.34);
}

.home-hero-stage .hero p,
.home-hero-stage .popular-searches span{
    color:rgba(226,232,240,.9);
}

.home-hero-stage .hero-badge{
    border-color:rgba(191,219,254,.36);
    background:rgba(255,255,255,.94);
    color:#1d4ed8;
}

.home-hero-stage .popular-searches a{
    background:rgba(255,255,255,.12);
    color:#dbeafe;
}

.home-hero-stage .popular-searches a:hover,
.home-hero-stage .popular-searches a:focus-visible{
    background:#fff;
    color:#1d4ed8;
}

/* v1.6.10 Paket 2 hero polish */
.hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 8%,rgba(37,99,235,.15),transparent 26rem),
        radial-gradient(circle at 88% 20%,rgba(20,184,166,.14),transparent 24rem),
        linear-gradient(135deg,#eef6ff,#f8fafc 58%,#ffffff);
}

.hero::before{
    content:"";
    position:absolute;
    inset:auto -10% -30% auto;
    width:420px;
    height:420px;
    border-radius:999px;
    background:rgba(37,99,235,.08);
}

.hero-content,
.hero-card{
    position:relative;
    z-index:1;
}

.hero-badge{
    box-shadow:0 12px 30px rgba(37,99,235,.08);
}

.hero h1{
    max-width:760px;
    letter-spacing:-.06em;
}

.hero h1::after{
    content:"";
    display:block;
    width:86px;
    height:7px;
    margin-top:22px;
    border-radius:99px;
    background:linear-gradient(90deg,#2563eb,#14b8a6);
}

.hero-search input:focus{
    border-color:#93c5fd;
    box-shadow:0 0 0 4px rgba(37,99,235,.12),0 10px 35px rgba(15,23,42,.08);
}

.hero-search button:hover{
    background:#1d4ed8;
    transform:translateY(-1px);
}

.hero-card{
    background:
        radial-gradient(circle at 100% 0,rgba(37,99,235,.12),transparent 35%),
        #fff;
}

.popular-searches{
    align-items:center;
}

.popular-searches a{
    padding:7px 11px;
    border-radius:999px;
    background:#eff6ff;
}

.popular-searches a:hover{
    color:#fff;
    background:#2563eb;
}

/* v1.6.25 Paket 5 — homepage visual background and mobile search polish */
.hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background-image:
        linear-gradient(90deg,rgba(248,250,252,.94),rgba(248,250,252,.74));
    background-size:cover;
    background-position:center;
    opacity:.92;
}

.hero::before{
    z-index:1;
}

.hero-content,
.hero-card{
    z-index:2;
}

.hero-search{
    position:relative;
}

.hero-search .atlas-search-icon{
    position:absolute;
    left:18px;
    top:50%;
    z-index:2;
    color:#2563eb;
    font-size:24px;
    font-weight:900;
    transform:translateY(-50%);
    pointer-events:none;
}

.hero-search input{
    padding-left:54px;
}

@media(max-width:680px){
    .hero-search{
        display:grid;
        grid-template-columns:1fr;
        padding:10px;
        border:1px solid #dbeafe;
        border-radius:24px;
        background:rgba(255,255,255,.88);
        box-shadow:0 16px 44px rgba(15,23,42,.10);
    }

    .hero-search .atlas-search-icon{
        top:39px;
        left:28px;
    }

    .hero-search input,
    .hero-search button{
        width:100%;
        height:58px;
        border-radius:18px;
        box-shadow:none;
    }
}


/* v2.1.8 V7 — semantic homepage hero media. */
.home-hero-stage.has-semantic-media{
    background:#081a3d;
}

.home-hero-stage.has-semantic-media::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(circle at 10% 10%,rgba(37,99,235,.28),transparent 30rem),
        radial-gradient(circle at 88% 12%,rgba(20,184,166,.18),transparent 26rem),
        linear-gradient(110deg,rgba(5,16,43,.86),rgba(8,26,61,.62));
}

.home-hero-media{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    background:#081a3d;
}

.home-hero-media__picture,
.home-hero-media__image{
    display:block;
    width:100%;
    height:100%;
}

.home-hero-media__image{
    object-fit:cover;
    object-position:center center;
}

.home-hero-stage > .hero,
.home-hero-stage > .stats-section{
    position:relative;
    z-index:2;
}

@media(max-width:767px){
    .home-hero-media__image{
        object-position:center center;
    }
}
/* === SOURCE: stats.css === */
.stats-section{
    margin-top:-42px;
    padding:0 0 70px;
    position:relative;
    z-index:5;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
}

.stat-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-height:218px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:24px 20px;
    text-align:center;
    box-shadow:0 18px 45px rgba(15,23,42,.10);
    transition:transform var(--ia-transition-standard), box-shadow var(--ia-transition-standard), border-color var(--ia-transition-standard);
    color:inherit;
    text-decoration:none;
}

.stat-card:hover,
.stat-card:focus-visible{
    transform:translateY(-4px);
    border-color:var(--ia-color-border-accent);
    box-shadow:0 24px 60px rgba(15,23,42,.14);
}

.stat-card strong{
    display:block;
    min-height:42px;
    font-size:38px;
    line-height:1;
    color:#2563eb;
    font-weight:900;
}

.stat-card span{
    display:block;
    margin-top:12px;
    color:#0f172a;
    font-size:15px;
    font-weight:900;
}

.stat-card em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin-bottom:14px;
    font-style:normal;
    border-radius:16px;
    background:#eff6ff;
    color:#1d4ed8;
}

.stat-card small{
    display:block;
    max-width:180px;
    margin:8px auto 0;
    color:#94a3b8;
    font-size:12px;
    line-height:1.45;
    min-height:34px;
}

@media(max-width:900px){
    .stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:520px){
    .stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .stat-card{
        min-height:184px;
        padding:18px 12px;
        border-radius:18px;
    }

    .stat-card strong{
        min-height:34px;
        font-size:28px;
    }

    .stat-card small{
        font-size:11px;
    }
}

@media(max-width:360px){
    .stats-grid{
        grid-template-columns:1fr;
    }
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .stat-card,
    .stat-card:hover,
    .stat-card:focus-visible{
        transform:none;
    }
}

.stat-card.is-empty{
    cursor:default;
    opacity:.78;
}

.stat-card.is-empty:hover,
.stat-card.is-empty:focus-visible{
    transform:none;
    border-color:#e5e7eb;
    box-shadow:0 18px 45px rgba(15,23,42,.10);
}
/* === SOURCE: cards.css === */
.home-cards{
    padding:90px 0 40px;
}

.cards-grid{
    width:min(var(--ia-container-max,1280px),calc(100% - var(--ia-page-gutter,48px)));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.feature-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:330px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:28px;
    padding:30px;
    box-shadow:0 22px 55px rgba(15,23,42,.08);
    overflow:hidden;
    transition:transform var(--ia-transition-standard), box-shadow var(--ia-transition-standard), border-color var(--ia-transition-standard);
}

.feature-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:var(--feature-accent,#2563eb);
}

.feature-card:hover,
.feature-card:focus-within{
    transform:translateY(-4px);
    border-color:rgba(37,99,235,.24);
    box-shadow:0 30px 75px rgba(15,23,42,.14);
}

.feature-card--map{--feature-accent:#2563eb;--feature-soft:#eff6ff;--feature-color:#1d4ed8;}
.feature-card--compare{--feature-accent:#14b8a6;--feature-soft:#ecfdf5;--feature-color:#0f766e;}
.feature-card--random{--feature-accent:#7c3aed;--feature-soft:#f5f3ff;--feature-color:#6d28d9;}

.feature-card__eyebrow{
    color:var(--feature-color,#1d4ed8);
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.feature-card__icon{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    margin:18px 0 22px;
    color:var(--feature-color,#1d4ed8);
    border-radius:22px;
    background:var(--feature-soft,#eff6ff);
}

.feature-card__icon svg{
    width:30px;
    height:30px;
}

.feature-card h3{
    margin:0 0 14px;
    font-size:28px;
    color:#0f172a;
}

.feature-card p{
    margin:0 0 28px;
    color:#64748b;
    font-size:16px;
    line-height:1.8;
}

.feature-card a,
.feature-card__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:48px;
    width:fit-content;
    margin-top:auto;
    padding:12px 22px;
    background:#2563eb;
    color:#fff;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
}

.feature-card__button span,
.ia-district-card__cta span,
.region-card em::after{
    transition:transform var(--ia-transition-fast);
}

.feature-card__button:hover span,
.feature-card__button:focus-visible span,
.ia-district-card__cta:hover span,
.ia-district-card__cta:focus-visible span{
    transform:translateX(3px);
}

.feature-card.ia-card--clickable > :not(.ia-card__hit-area){
    pointer-events:none;
}

.feature-card.ia-card--clickable:hover .feature-card__button span,
.feature-card.ia-card--clickable:focus-within .feature-card__button span{
    transform:translateX(3px);
}

/* POPULAR */
.popular-section{
    padding:80px 0 90px;
}

.regions-section{
    padding:80px 0;
    background:linear-gradient(135deg,#f8fafc,#eff6ff);
}

.section-head{
    text-align:center;
    margin-bottom:48px;
}

.section-head span{
    color:#2563eb;
    font-weight:900;
}

.section-head h2{
    margin:14px 0;
    font-size:44px;
    color:#0f172a;
}

.section-head p{
    margin:0;
    color:#64748b;
    font-size:17px;
}

.section-head-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    min-height:44px;
    padding:0 18px;
    border-radius:999px;
    background:#eff6ff;
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
}

.section-head-link:hover{
    background:#2563eb;
    color:#fff;
}

.regions-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.region-card{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-height:204px;
    padding:24px;
    border:1px solid #dbeafe;
    border-radius:28px;
    background:
        radial-gradient(circle at top right,var(--region-soft,rgba(37,99,235,.12)),transparent 38%),
        #fff;
    color:inherit;
    text-decoration:none;
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    transition:transform var(--ia-transition-standard), box-shadow var(--ia-transition-standard), border-color var(--ia-transition-standard);
    overflow:hidden;
    border-top:4px solid var(--region-accent,#2563eb);
}

.region-card:hover,
.region-card:focus-visible{
    transform:translateY(-4px);
    box-shadow:0 26px 65px rgba(15,23,42,.12);
}

.region-card--tone-1{--region-accent:#2563eb;--region-soft:rgba(37,99,235,.12);--region-color:#1d4ed8;}
.region-card--tone-2{--region-accent:#14b8a6;--region-soft:rgba(20,184,166,.12);--region-color:#0f766e;}
.region-card--tone-3{--region-accent:#7c3aed;--region-soft:rgba(124,58,237,.10);--region-color:#6d28d9;}
.region-card--tone-4{--region-accent:#f59e0b;--region-soft:rgba(245,158,11,.12);--region-color:#b45309;}

.region-card__icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:var(--region-color,#1d4ed8);
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.18);
}

.region-card span{
    font-size:24px;
    line-height:1.2;
    font-weight:900;
    color:#0f172a;
}

.region-card strong{
    color:#64748b;
}

.region-card em{
    margin-top:auto;
    color:var(--region-color,#2563eb);
    font-style:normal;
    font-weight:900;
}

.popular-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}

.popular-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 22px 55px rgba(15,23,42,.08);
    transition:transform var(--ia-transition-standard), box-shadow var(--ia-transition-standard), border-color var(--ia-transition-standard);
    color:inherit;
    text-decoration:none;
}

.popular-card:hover,
.popular-card:focus-within{
    transform:translateY(-4px);
}

.popular-image{
    height:190px;
    background:
        linear-gradient(rgba(15,23,42,.18),rgba(15,23,42,.18)),
        linear-gradient(135deg,#2563eb,#93c5fd);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.popular-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform var(--ia-transition-standard);
}

.popular-card:hover .popular-image img,
.popular-card:focus-within .popular-image img{
    transform:scale(1.03);
}

.popular-image.is-placeholder span{
    color:#fff;
    font-size:64px;
    font-weight:900;
    text-shadow:0 8px 24px rgba(15,23,42,.25);
}

.popular-content{
    padding:24px;
}

.popular-content h3{
    margin:0;
    font-size:25px;
    color:#0f172a;
}

.popular-content p{
    margin:8px 0 12px;
    color:#64748b;
}

.popular-content strong{
    color:#2563eb;
}

.popular-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-top:14px;
    color:#64748b;
    font-size:13px;
}

.popular-card-link{
    display:inline-flex;
    margin-top:18px;
    color:#2563eb;
    font-weight:900;
}

/* v1.8.0 Paket 3 shared home district cards */
.popular-grid,
.latest-grid{
    align-items:stretch;
}

.ia-district-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.ia-district-card__media{
    position:relative;
    height:190px;
    background:
        linear-gradient(rgba(15,23,42,.16),rgba(15,23,42,.16)),
        linear-gradient(135deg,#2563eb,#93c5fd);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.ia-district-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform var(--ia-transition-standard);
}

.ia-district-card:hover .ia-district-card__media img,
.ia-district-card:focus-within .ia-district-card__media img{
    transform:scale(1.03);
}

.ia-district-card__placeholder{
    display:grid;
    place-items:center;
    width:100%;
    min-height:100%;
    padding:20px;
    color:#fff;
    font-weight:900;
    text-shadow:0 8px 24px rgba(15,23,42,.25);
}

.ia-district-card__placeholder-label{
    display:-webkit-box;
    max-width:100%;
    overflow:hidden;
    font-size:clamp(1.55rem,3vw,2.4rem);
    line-height:1.1;
    text-align:center;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ia-district-card__body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px;
}

.ia-district-card__badge{
    display:inline-flex;
    width:fit-content;
    min-height:28px;
    align-items:center;
    margin-bottom:12px;
    padding:0 10px;
    color:#1d4ed8;
    font-size:12px;
    font-weight:900;
    border-radius:999px;
    background:#eff6ff;
}

.ia-district-card--latest .ia-district-card__badge{
    color:#0f766e;
    background:#ecfdf5;
}

.ia-district-card__title{
    margin:0;
    font-size:clamp(21px,2vw,25px);
    line-height:1.16;
}

.ia-district-card__title a,
.ia-district-card__title-label{
    display:block;
    min-height:0;
    color:#0f172a;
    text-decoration:none;
    overflow-wrap:anywhere;
}

.ia-district-card__location{
    min-height:1.55em;
    margin:10px 0 0;
    color:#64748b;
    font-size:15px;
    line-height:1.55;
}

.ia-district-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0 0;
}

.ia-district-card__meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    padding:7px 10px;
    overflow-wrap:anywhere;
    color:#64748b;
    font-size:14px;
    line-height:1.25;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#f8fafc;
}

.ia-district-card__footer{
    display:flex;
    align-items:center;
    margin-top:auto;
    padding-top:18px;
}

.ia-district-card__cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
    border-radius:999px;
    background:#eff6ff;
}

.ia-district-card__cta:hover,
.ia-district-card__cta:focus-visible{
    color:#fff;
    background:#2563eb;
}

.ia-card--clickable:hover .ia-district-card__cta,
.ia-card--clickable:focus-within .ia-district-card__cta{
    color:#fff;
    background:#2563eb;
}

/* v1.6.10 Paket 2 popular card polish */
.popular-section{
    scroll-margin-top:110px;
}

.popular-card{
    position:relative;
}

.popular-card::after{
    content:"";
    position:absolute;
    inset:auto 24px 0;
    height:3px;
    border-radius:999px 999px 0 0;
    background:linear-gradient(90deg,#2563eb,#14b8a6);
    opacity:0;
    transition:.25s ease;
}

.popular-card:hover::after{
    opacity:1;
}

.popular-region{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    margin-bottom:10px;
    padding:0 10px;
    color:#1d4ed8;
    font-size:12px;
    font-weight:900;
    border-radius:999px;
    background:#eff6ff;
}

.popular-meta span{
    padding:7px 10px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#f8fafc;
}

.random-district-section{
    padding:30px 0 90px;
    background:linear-gradient(135deg,#eff6ff,#ffffff);
}

.random-district-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:center;
    padding:34px;
    border:1px solid #dbeafe;
    border-radius:30px;
    background:
        radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 34%),
        #fff;
    box-shadow:0 24px 60px rgba(15,23,42,.10);
}

.random-district-card span{
    color:#2563eb;
    font-weight:900;
}

.random-district-card h2{
    margin:12px 0 8px;
    font-size:38px;
    color:#0f172a;
}

.random-district-card p{
    margin:0;
    color:#64748b;
    font-size:17px;
}

.random-district-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:flex-end;
}

.random-district-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 22px;
    border-radius:16px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    font-weight:900;
}

.random-district-actions .random-district-secondary{
    background:#f8fafc;
    color:#2563eb;
    border:1px solid #bfdbfe;
}

.district-empty-state{
    margin:0;
    padding:28px;
    border:1px dashed #cbd5e1;
    border-radius:20px;
    background:#f8fafc;
    color:#64748b;
    text-align:center;
}

@media(max-width:900px){
    .regions-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .random-district-card{
        grid-template-columns:1fr;
    }

    .random-district-actions{
        justify-content:flex-start;
    }
}

@media(max-width:560px){
    .regions-grid{
        grid-template-columns:1fr;
    }

    .random-district-card{
        padding:24px;
    }

    .random-district-card h2{
        font-size:30px;
    }

    .random-district-actions a{
        width:100%;
    }
}

@media(max-width:1024px){
    .popular-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .cards-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .feature-card{
        min-height:300px;
    }
}

@media(max-width:560px){
    .cards-grid,
    .popular-grid{
        grid-template-columns:1fr;
    }

    .feature-card{
        min-height:auto;
        padding:24px;
    }

    .ia-district-card__media{
        height:172px;
    }
}

@media(max-width:430px){
    .feature-card{
        padding:22px;
    }

    .ia-district-card__body{
        padding:18px;
    }

    .ia-district-card__title{
        font-size:1.18rem;
    }
}

/* MAP */
.map-section{
    padding:90px 0;
    background:#0f172a;
}

.map-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:50px;
    align-items:center;
}

.map-content span{
    color:#60a5fa;
    font-weight:900;
}

.map-content h2{
    margin:16px 0;
    font-size:44px;
    line-height:1.15;
    color:#fff;
}

.map-content p{
    color:#cbd5e1;
    font-size:18px;
    line-height:1.8;
    max-width:560px;
}

.map-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:52px;
    padding:0 24px;
    margin-top:20px;
    background:#2563eb;
    color:#fff;
    border-radius:16px;
    text-decoration:none;
    font-weight:900;
}

.map-preview{
    min-height:360px;
    background:linear-gradient(135deg,#1e293b,#172554);
    border:1px solid rgba(255,255,255,.12);
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.map-shape{
    width:82%;
    height:210px;
    border-radius:999px 45% 55% 45%;
    background:linear-gradient(135deg,#60a5fa,#2563eb);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    font-weight:900;
    opacity:.95;
}

/* V4: feature cards only use columns for features that actually exist. */
.cards-grid.cards-grid--1{
    grid-template-columns:minmax(0,720px);
    justify-content:center;
}

.cards-grid.cards-grid--2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:960px;
}


.map-preview--media{
    position:relative;
    padding:0;
    overflow:hidden;
    text-decoration:none;
}

.map-preview__image{
    display:block;
    width:100%;
    height:100%;
    min-height:360px;
    object-fit:cover;
}

@media(max-width:560px){
    .cards-grid.cards-grid--1,
    .cards-grid.cards-grid--2{
        grid-template-columns:1fr;
        max-width:none;
    }
}
/* === SOURCE: card-rail.css === */
/* v2.1.0 — native, manual discovery rails. Grid is retained where it fits. */
.ia-card-rail {
    position: relative;
    min-width: 0;
}

.ia-card-rail__controls {
    display: none;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 14px;
}

.ia-card-rail__button {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(37, 99, 235, .20);
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    color: var(--ia-color-primary-dark, #1d4ed8);
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    cursor: pointer;
    font: inherit;
    font-size: 20px;
    font-weight: 900;
    transition: transform var(--ia-transition-fast), background var(--ia-transition-fast), color var(--ia-transition-fast), border-color var(--ia-transition-fast), opacity var(--ia-transition-fast);
}

.ia-card-rail__button:not(:disabled):hover,
.ia-card-rail__button:not(:disabled):focus-visible {
    border-color: var(--ia-color-primary, #2563eb);
    background: var(--ia-color-primary, #2563eb);
    color: #fff;
    transform: translateY(-2px);
}

.ia-card-rail__button:disabled {
    cursor: default;
    opacity: .42;
}

@media (max-width: 1180px) {
    .ia-card-rail.is-enhanced .ia-card-rail__controls {
        display: flex;
    }

    .ia-card-rail__track.popular-grid,
    .ia-card-rail__track.latest-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(272px, calc((100% - 20px) / 2));
        grid-template-columns: none;
        gap: 18px;
        align-items: stretch;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        scroll-padding-inline: 2px;
        scrollbar-width: thin;
        scrollbar-color: rgba(37,99,235,.34) transparent;
        padding: 3px 2px 14px;
        margin: -3px -2px -14px;
    }

    .ia-card-rail__track.popular-grid > *,
    .ia-card-rail__track.latest-grid > * {
        min-width: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .ia-card-rail__track::-webkit-scrollbar {
        height: 8px;
    }

    .ia-card-rail__track::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 999px;
        background: rgba(37,99,235,.32);
        background-clip: padding-box;
    }
}

@media (max-width: 640px) {
    .ia-card-rail__track.popular-grid,
    .ia-card-rail__track.latest-grid {
        grid-auto-columns: minmax(min(86vw, 330px), 1fr);
        gap: 14px;
    }

    .ia-card-rail__controls {
        margin-bottom: 12px;
    }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .ia-card-rail__button:not(:disabled):hover,
    .ia-card-rail__button:not(:disabled):focus-visible {
        transform: none;
    }
}
/* === SOURCE: engage.css === */
.engage-section{
    padding:90px 0 120px;
    background:#f8fafc;
}

.engage-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
}

.engage-card{
    padding:45px;
    border-radius:30px;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(15,23,42,.15);
}

.compare-card{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
}

.game-card{
    background:linear-gradient(135deg,#7c3aed,#9333ea);
}

.engage-card span{
    opacity:.85;
    font-weight:800;
    letter-spacing:1px;
}

.engage-card h2{
    margin:18px 0;
    font-size:38px;
    line-height:1.2;
}

.engage-card p{
    font-size:17px;
    line-height:1.8;
    opacity:.92;
    margin-bottom:30px;
}

.engage-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:54px;
    padding:0 24px;
    background:#fff;
    color:#0f172a;
    border-radius:16px;
    text-decoration:none;
    font-weight:800;
}

.engage-card:hover{
    transform:translateY(-4px);
    transition:.3s;
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .engage-card:hover{
        transform:none;
    }
}

.engage-grid.engage-grid--1{
    grid-template-columns:minmax(0,820px);
    justify-content:center;
}

.discover-card{
    background:linear-gradient(135deg,#0f766e,#14b8a6);
}

@media(max-width:768px){
    .engage-grid,
    .engage-grid.engage-grid--1{
        grid-template-columns:1fr;
    }
}
/* === SOURCE: latest.css === */
.latest-section{
    padding:90px 0;
    background:#fff;
}

.latest-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    align-items:stretch;
}

.latest-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 22px 55px rgba(15,23,42,.08);
    transition:.3s;
}

.latest-card:hover,
.latest-card:focus-within{
    transform:translateY(-4px);
}

.latest-image{
    height:190px;
    background:linear-gradient(135deg,#0f172a,#2563eb);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    text-decoration:none;
}

.latest-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform var(--ia-transition-standard);
}

.latest-card:hover .latest-image img,
.latest-card:focus-within .latest-image img{
    transform:scale(1.03);
}

.latest-image.is-placeholder span{
    color:#fff;
    font-size:64px;
    font-weight:900;
    text-shadow:0 8px 24px rgba(15,23,42,.35);
}

.latest-content{
    padding:26px;
}

.latest-content h3{
    margin:0;
    font-size:26px;
}

.latest-content p{
    color:#64748b;
    margin:10px 0 22px;
}

.latest-content a,
.latest-card-link{
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
}

/* v1.6.10 Paket 2 latest card polish */
.latest-section{
    scroll-margin-top:110px;
    background:
        radial-gradient(circle at 8% 0,rgba(37,99,235,.06),transparent 24rem),
        #fff;
}

.latest-card{
    position:relative;
}

.latest-region{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    margin-bottom:10px;
    padding:0 10px;
    color:#0f766e;
    font-size:12px;
    font-weight:900;
    border-radius:999px;
    background:#ecfdf5;
}

.latest-population{
    display:block;
    margin:-8px 0 16px;
    color:#2563eb;
}

.latest-card-link{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    background:#eff6ff;
}

.latest-card-link:hover{
    color:#fff;
    background:#2563eb;
}

@media(max-width:900px){
    .latest-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .latest-grid{
        grid-template-columns:1fr;
    }
}
/* === SOURCE: home-links.css === */
.home-links-section{
    padding:0 0 56px;
    position:relative;
    z-index:4;
}

.home-links-shell{
    padding:6px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
}

.home-links-intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.home-links-intro h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(28px,3vw,42px);
    letter-spacing:-.04em;
}

.home-links-intro p{
    max-width:520px;
    margin:0;
    color:#64748b;
    line-height:1.7;
}

.home-links-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}

.home-link-card{
    display:flex;
    flex-direction:column;
    padding:24px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.home-link-card-featured{
    background:linear-gradient(135deg,#0f172a,#1d4ed8);
    color:#fff;
}

.home-link-card h3{
    margin:0 0 16px;
    font-size:22px;
    letter-spacing:-.02em;
}

.home-link-list{
    display:grid;
    gap:10px;
    margin-top:auto;
}

.home-link-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:56px;
    padding:12px 14px;
    color:inherit;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.13);
    border-radius:16px;
    background:rgba(255,255,255,.08);
}

.home-link-list a:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.14);
}

.home-link-list span{
    color:rgba(255,255,255,.74);
    font-size:13px;
    font-weight:800;
}

.home-chip-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:auto;
}

.home-chip-list a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    max-width:100%;
    min-height:42px;
    overflow-wrap:anywhere;
    padding:0 13px;
    color:#1d4ed8;
    text-decoration:none;
    font-weight:900;
    border:1px solid #bfdbfe;
    border-radius:999px;
    background:#eff6ff;
}

.home-chip-list a:hover{
    color:#fff;
    border-color:#2563eb;
    background:#2563eb;
}

.home-chip-list small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 7px;
    color:#0f172a;
    border-radius:999px;
    background:#fff;
}

@media(max-width:1100px){
    .home-links-grid{
        grid-template-columns:1fr;
    }

    .home-links-intro{
        display:block;
    }

    .home-links-intro p{
        margin-top:12px;
    }
}

@media(max-width:640px){
    .home-links-section{
        padding-bottom:36px;
    }

    .home-links-shell{
        padding:0;
        border-radius:0;
    }

    .home-link-card{
        padding:18px;
    }

    .home-link-list a{
        display:flex;
        align-items:flex-start;
        min-height:64px;
    }

    .home-link-list span{
        display:block;
        margin-top:4px;
    }
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .home-link-list a:hover,
    .feature-card:hover,
    .feature-card:focus-within,
    .popular-card:hover,
    .popular-card:focus-within,
    .latest-card:hover,
    .latest-card:focus-within,
    .region-card:hover,
    .region-card:focus-visible{
        transform:none;
    }

    .ia-district-card__media img,
    .popular-image img,
    .latest-image img{
        transition:none;
    }

    .ia-district-card:hover .ia-district-card__media img,
    .ia-district-card:focus-within .ia-district-card__media img,
    .popular-card:hover .popular-image img,
    .popular-card:focus-within .popular-image img,
    .latest-card:hover .latest-image img,
    .latest-card:focus-within .latest-image img{
        transform:none;
    }
}
/* === SOURCE: why.css === */
.why-section{
    padding:100px 0;
    background:#ffffff;
}

.why-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
}

.why-content span{
    color:#2563eb;
    font-weight:900;
}

.why-content h2{
    margin:18px 0;
    font-size:48px;
    line-height:1.2;
    color:#0f172a;
}

.why-content p{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
}

.why-list{
    display:grid;
    gap:18px;
}

.why-list div{
    padding:22px 26px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    font-size:18px;
    font-weight:700;
    box-shadow:0 15px 40px rgba(15,23,42,.08);
}
/* === SOURCE: cta.css === */
.footer-cta{
    padding:100px 0;
    background:linear-gradient(135deg,#eff6ff,#ffffff);
}

.footer-cta-inner{
    text-align:center;
    background:#0f172a;
    color:#fff;
    border-radius:34px;
    padding:70px 40px;
    box-shadow:0 30px 80px rgba(15,23,42,.18);
}

.footer-cta h2{
    margin:0;
    font-size:46px;
    line-height:1.15;
}

.footer-cta p{
    margin:20px auto 34px;
    max-width:620px;
    color:#cbd5e1;
    font-size:18px;
    line-height:1.7;
}

.footer-cta a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:56px;
    padding:0 28px;
    border-radius:16px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    font-weight:900;
}
/* === SOURCE: home-hero-premium.css === */
/*
 * V33 — Homepage premium hero hierarchy.
 * Scoped to the homepage stage so Design Engine, district/province heroes and
 * plugin interfaces remain unaffected.
 */
.home-hero-stage .hero{
    min-height:clamp(640px,76vh,860px);
    display:flex;
    align-items:center;
    padding:clamp(72px,8vw,118px) 0 clamp(54px,7vw,90px);
}

.home-hero-stage .hero-grid{
    grid-template-columns:minmax(0,1.34fr) minmax(310px,.66fr);
    gap:clamp(42px,6vw,92px);
}

.home-hero-stage .hero-content--premium{
    max-width:820px;
}

.home-hero-stage .hero-heading-group{
    display:grid;
    gap:18px;
}

.home-hero-stage .hero-eyebrow{
    max-width:none;
    margin:0;
    color:#93c5fd;
    font-size:clamp(.82rem,.75rem + .25vw,.98rem);
    font-weight:900;
    line-height:1.35;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.home-hero-stage .hero h1{
    max-width:810px;
    font-size:clamp(3.2rem,5.35vw,5.35rem);
    line-height:.98;
    letter-spacing:-.065em;
    text-wrap:balance;
}

.home-hero-stage .hero h1 span{
    display:inline;
    color:#bfdbfe;
    background:linear-gradient(105deg,#f8fafc 5%,#93c5fd 48%,#5eead4 92%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.home-hero-stage .hero h1::after{
    width:112px;
    height:6px;
    margin-top:24px;
    background:linear-gradient(90deg,#60a5fa,#2dd4bf);
    box-shadow:0 8px 28px rgba(45,212,191,.28);
}

.home-hero-stage .hero .hero-lead{
    max-width:720px;
    margin:0;
    color:rgba(241,245,249,.88);
    font-size:clamp(1.06rem,.98rem + .35vw,1.3rem);
    line-height:1.72;
    text-wrap:pretty;
}

.home-hero-stage .hero-proof{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:26px 0 0;
    padding:0;
    list-style:none;
}

.home-hero-stage .hero-proof li{
    display:flex;
    align-items:baseline;
    gap:7px;
    min-height:38px;
    padding:8px 12px;
    border:1px solid rgba(191,219,254,.22);
    border-radius:999px;
    background:rgba(15,23,42,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(10px);
}

.home-hero-stage .hero-proof strong{
    color:#fff;
    font-size:.98rem;
    font-weight:950;
}

.home-hero-stage .hero-proof span{
    color:#cbd5e1;
    font-size:.78rem;
    font-weight:750;
}

.home-hero-stage .hero-search--premium{
    max-width:760px;
    margin-top:28px;
    gap:10px;
    padding:8px;
    border:1px solid rgba(219,234,254,.28);
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 24px 70px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.8);
}

.home-hero-stage .hero-search--premium input{
    min-width:0;
    height:58px;
    border:0;
    background:transparent;
    box-shadow:none;
    color:#0f172a;
}

.home-hero-stage .hero-search--premium input::placeholder{
    color:#64748b;
    opacity:1;
}

.home-hero-stage .hero-search--premium input:focus{
    border:0;
    box-shadow:none;
}

.home-hero-stage .hero-search--premium button{
    width:auto;
    min-width:142px;
    height:58px;
    padding:0 22px;
    border-radius:17px;
    background:linear-gradient(135deg,#2563eb,#1d4ed8 60%,#0f766e);
    box-shadow:0 12px 28px rgba(37,99,235,.3);
}

.home-hero-stage .hero-search--premium button:hover{
    background:linear-gradient(135deg,#1d4ed8,#1e40af 62%,#0f766e);
}

.home-hero-stage .hero-actions-home{
    margin-top:16px;
}

.home-hero-stage .hero-secondary-link{
    min-height:42px;
    padding:0 15px;
    border-color:rgba(191,219,254,.24);
    background:rgba(15,23,42,.28);
    color:#e0f2fe;
    box-shadow:none;
    backdrop-filter:blur(8px);
}

.home-hero-stage .hero-secondary-link:hover,
.home-hero-stage .hero-secondary-link:focus-visible{
    border-color:#fff;
    background:#fff;
    color:#1d4ed8;
}

.home-hero-stage .popular-searches{
    margin-top:18px;
}

.home-hero-stage .popular-searches > span{
    font-size:.82rem;
    letter-spacing:.02em;
}

.home-hero-stage .popular-searches a{
    border:1px solid rgba(219,234,254,.16);
    background:rgba(255,255,255,.09);
}

.home-hero-stage .hero-card--daily{
    position:relative;
    overflow:hidden;
    align-self:center;
    min-height:360px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(30px,4vw,46px);
    border:1px solid rgba(255,255,255,.3);
    border-radius:32px;
    background:
        radial-gradient(circle at 88% 8%,rgba(94,234,212,.22),transparent 38%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.94));
    box-shadow:0 36px 90px rgba(2,6,23,.34),inset 0 1px 0 rgba(255,255,255,.9);
}

.home-hero-stage .hero-card--daily::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(180deg,#60a5fa,#2dd4bf);
}

.home-hero-stage .hero-card__topline{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
}

.home-hero-stage .hero-card__label{
    color:#1d4ed8;
    font-size:.78rem;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.home-hero-stage .hero-card__pulse{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#14b8a6;
    box-shadow:0 0 0 6px rgba(20,184,166,.12);
}

.home-hero-stage .hero-card--daily h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(2.25rem,3.7vw,3.65rem);
    line-height:1.02;
    letter-spacing:-.055em;
    overflow-wrap:anywhere;
}

.home-hero-stage .hero-card--daily > p{
    margin:18px 0 30px;
    color:#475569;
    font-size:1rem;
    line-height:1.65;
}

.home-hero-stage .hero-card__actions{
    display:grid;
    gap:14px;
    align-items:start;
}

.home-hero-stage .hero-card__actions a,
.home-hero-stage .hero-card--daily > a{
    width:max-content;
    max-width:100%;
    min-height:50px;
    padding:0 20px;
    gap:10px;
    border-radius:16px;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    box-shadow:0 14px 30px rgba(37,99,235,.24);
}

.home-hero-stage .hero-card__actions small{
    color:#64748b;
    font-size:.76rem;
    font-weight:750;
}

@supports not (backdrop-filter:blur(1px)){
    .home-hero-stage .hero-proof li,
    .home-hero-stage .hero-secondary-link{
        background:rgba(15,23,42,.72);
    }
}

@media (max-width:1024px){
    .home-hero-stage .hero{
        min-height:auto;
    }

    .home-hero-stage .hero-grid{
        grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);
        gap:36px;
    }

    .home-hero-stage .hero h1{
        font-size:clamp(3rem,6vw,4.4rem);
    }
}

@media (max-width:820px){
    .home-hero-stage .hero-grid{
        grid-template-columns:1fr;
    }

    .home-hero-stage .hero-content--premium{
        max-width:none;
    }

    .home-hero-stage .hero-card--daily{
        min-height:0;
    }
}

@media (max-width:680px){
    .home-hero-stage .hero{
        padding:58px 0 46px;
    }

    .home-hero-stage .hero h1{
        font-size:clamp(2.65rem,12.5vw,3.55rem);
        letter-spacing:-.055em;
    }

    .home-hero-stage .hero-proof{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .home-hero-stage .hero-proof li{
        min-width:0;
        justify-content:center;
        border-radius:16px;
    }

    .home-hero-stage .hero-search--premium{
        padding:8px;
        border-radius:22px;
    }

    .home-hero-stage .hero-search--premium button{
        width:100%;
    }

    .home-hero-stage .hero-card--daily{
        padding:28px 24px;
        border-radius:26px;
    }
}

@media (max-width:390px){
    .home-hero-stage .hero-proof{
        grid-template-columns:1fr;
    }

    .home-hero-stage .hero-eyebrow{
        letter-spacing:.065em;
    }
}

@media (prefers-reduced-motion:reduce){
    .home-hero-stage .hero-card__pulse{
        box-shadow:none;
    }
}
/* === SOURCE: home-sections-premium.css === */
/*
 * V34 — Premium homepage section rhythm and card system.
 * Scoped to the homepage and the stable design-system body class.
 */
.ia-design-system-v1 .ia-home{
    position:relative;
    isolation:isolate;
    overflow:clip;
    background:
        radial-gradient(circle at 8% 20%,rgba(37,99,235,.055),transparent 28rem),
        radial-gradient(circle at 92% 58%,rgba(15,159,143,.05),transparent 32rem),
        var(--ia-ds-surface-soft,#f8fafc);
}

.ia-design-system-v1 .ia-home-section{
    position:relative;
    padding-block:clamp(58px,7vw,104px);
    scroll-margin-top:calc(var(--ia-header-height,76px) + 22px);
}

.ia-design-system-v1 .ia-home-section > .container{
    position:relative;
    z-index:1;
}

.ia-design-system-v1 .ia-home-section + .ia-home-section::before{
    content:"";
    position:absolute;
    inset:0 max(20px,calc((100vw - var(--ia-shell-max,1360px))/2)) auto;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent);
}

.ia-design-system-v1 .ia-home-section--links,
.ia-design-system-v1 .ia-home-section--popular,
.ia-design-system-v1 .ia-home-section--gallery{
    background:rgba(255,255,255,.66);
}

.ia-design-system-v1 .ia-home-section--tools,
.ia-design-system-v1 .ia-home-section--regions,
.ia-design-system-v1 .ia-home-section--latest{
    background:linear-gradient(180deg,rgba(241,245,249,.72),rgba(248,250,252,.9));
}

.ia-design-system-v1 .ia-home-section .section-head,
.ia-design-system-v1 .ia-home-section .home-links-intro{
    max-width:820px;
    margin-bottom:clamp(28px,4vw,46px);
}

.ia-design-system-v1 .ia-home-section :where(.section-head h2,.home-links-intro h2,.map-content h2,.why-content h2,.footer-cta h2){
    text-wrap:balance;
    letter-spacing:-.035em;
}

.ia-design-system-v1 .ia-home-section :where(.section-head p,.home-links-intro p,.map-content p,.why-content p,.footer-cta p){
    text-wrap:pretty;
}

.ia-design-system-v1 .home-links-grid,
.ia-design-system-v1 .cards-grid,
.ia-design-system-v1 .regions-grid,
.ia-design-system-v1 .popular-grid,
.ia-design-system-v1 .latest-grid,
.ia-design-system-v1 .engage-grid{
    align-items:stretch;
}

.ia-design-system-v1 :where(.home-link-card,.feature-card,.region-card,.district-card,.engage-card,.random-district-card,.map-grid,.why-grid){
    border-color:color-mix(in srgb,var(--ia-ds-border,#dbe4f0) 86%,transparent);
    box-shadow:var(--ia-ds-shadow-card,0 14px 36px rgba(15,23,42,.08));
}

.ia-design-system-v1 :where(.home-link-card,.feature-card,.region-card,.district-card,.engage-card,.random-district-card){
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

@media (hover:hover) and (pointer:fine){
    .ia-design-system-v1 :where(.home-link-card,.feature-card,.region-card,.district-card,.engage-card,.random-district-card):hover{
        transform:translateY(-5px);
        border-color:color-mix(in srgb,var(--ia-ds-brand,#2563eb) 26%,var(--ia-ds-border,#dbe4f0));
        box-shadow:0 24px 54px rgba(15,23,42,.13);
    }
}

.ia-design-system-v1 .ia-home-section--tools .feature-card{
    min-height:330px;
    overflow:hidden;
    background:
        radial-gradient(circle at 100% 0,rgba(37,99,235,.12),transparent 42%),
        var(--ia-ds-surface,#fff);
}

.ia-design-system-v1 .ia-home-section--tools .feature-card--compare{
    background:
        radial-gradient(circle at 100% 0,rgba(15,159,143,.14),transparent 42%),
        var(--ia-ds-surface,#fff);
}

.ia-design-system-v1 .ia-home-section--tools .feature-card--random{
    background:
        radial-gradient(circle at 100% 0,rgba(245,158,11,.14),transparent 42%),
        var(--ia-ds-surface,#fff);
}

.ia-design-system-v1 .ia-home-section--regions::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:-160px;
    top:8%;
    border-radius:50%;
    background:rgba(37,99,235,.045);
    filter:blur(2px);
    pointer-events:none;
}

.ia-design-system-v1 .ia-home-section--map .map-grid,
.ia-design-system-v1 .ia-home-section--why .why-grid{
    overflow:hidden;
    border-radius:clamp(24px,3vw,34px);
    background:
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.9));
}

.ia-design-system-v1 .ia-home-section--map .map-content,
.ia-design-system-v1 .ia-home-section--why .why-content{
    padding:clamp(30px,4vw,58px);
}

.ia-design-system-v1 .ia-home-section--map .map-preview--static{
    display:grid;
    place-items:center;
    padding:clamp(18px,3vw,34px);
    background:linear-gradient(135deg,#eff6ff,#f8fafc);
}

.ia-design-system-v1 .ia-home-section--map .map-preview--static .map-preview__image,
.ia-design-system-v1 .ia-home-section--map .map-preview__image[src$="turkiye-static.svg"]{
    min-height:0;
    max-height:430px;
    object-fit:contain;
}

.ia-design-system-v1 .ia-home-section--engage .engage-card{
    min-height:300px;
    display:flex;
    flex-direction:column;
}

.ia-design-system-v1 .ia-home-section--engage .engage-card a{
    margin-top:auto;
}

.ia-design-system-v1 .ia-home-section--gallery .gallery-grid{
    border-radius:clamp(20px,3vw,32px);
    overflow:hidden;
    box-shadow:0 24px 70px rgba(15,23,42,.14);
}

.ia-design-system-v1 .ia-home-section--cta{
    padding-top:clamp(64px,8vw,116px);
    background:linear-gradient(180deg,rgba(248,250,252,.25),rgba(15,23,42,.025));
}

.ia-design-system-v1 .ia-home-section--cta .footer-cta-inner{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(191,219,254,.28);
    border-radius:clamp(26px,4vw,40px);
    box-shadow:0 32px 90px rgba(15,23,42,.2);
}

.ia-design-system-v1 .ia-home-section--cta .footer-cta-inner::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-90px;
    bottom:-150px;
    border-radius:50%;
    background:rgba(94,234,212,.14);
    pointer-events:none;
}

@media (max-width:768px){
    .ia-design-system-v1 .ia-home-section{
        padding-block:clamp(44px,12vw,68px);
    }

    .ia-design-system-v1 .ia-home-section + .ia-home-section::before{
        inset-inline:20px;
    }

    .ia-design-system-v1 .ia-home-section--tools .feature-card,
    .ia-design-system-v1 .ia-home-section--engage .engage-card{
        min-height:0;
    }

    .ia-design-system-v1 .ia-home-section--map .map-content,
    .ia-design-system-v1 .ia-home-section--why .why-content{
        padding:26px;
    }
}

@media (prefers-reduced-motion:reduce){
    .ia-design-system-v1 :where(.home-link-card,.feature-card,.region-card,.district-card,.engage-card,.random-district-card){
        transition:none;
    }
}

@supports not (color:color-mix(in srgb,#000 50%,#fff)){
    .ia-design-system-v1 :where(.home-link-card,.feature-card,.region-card,.district-card,.engage-card,.random-district-card){
        border-color:var(--ia-ds-border,#dbe4f0);
    }
}
/* === SOURCE: home-experience-v57.css === */
/* İlçe Atlasım V57 — guided homepage experience. */
.ia-home {
    --ia-home-section-space: clamp(3rem, 6vw, 6.5rem);
    overflow: clip;
}

.ia-home-journey {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0px);
    z-index: 30;
    border-block: 1px solid color-mix(in srgb, var(--ia-color-border, #dbe3ef) 82%, transparent);
    background: color-mix(in srgb, var(--ia-color-surface, #fff) 92%, transparent);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.ia-home-journey__inner {
    display: flex;
    gap: .65rem;
    align-items: center;
    overflow-x: auto;
    padding-block: .8rem;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
}

.ia-home-journey__inner::-webkit-scrollbar { display: none; }

.ia-home-journey a {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    padding: .65rem 1rem;
    border: 1px solid color-mix(in srgb, var(--ia-color-primary, #2563eb) 18%, transparent);
    border-radius: 999px;
    background: var(--ia-color-surface, #fff);
    color: var(--ia-color-text, #0f172a);
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgb(15 23 42 / .06);
}

.ia-home-journey a:hover,
.ia-home-journey a:focus-visible {
    border-color: var(--ia-color-primary, #2563eb);
    color: var(--ia-color-primary, #2563eb);
    transform: translateY(-1px);
}

.ia-home-flow-section {
    position: relative;
    scroll-margin-top: 7rem;
}

.ia-home-flow-section + .ia-home-flow-section {
    margin-top: var(--ia-home-section-space);
}

.ia-home-flow-section::before {
    content: "";
    position: absolute;
    inset: -1.5rem max(-4vw, -4rem);
    z-index: -1;
    border-radius: clamp(1.5rem, 3vw, 3rem);
    pointer-events: none;
}

.ia-home-flow-section--regions::before,
.ia-home-flow-section--map::before,
.ia-home-flow-section--latest::before {
    background: linear-gradient(135deg, rgb(37 99 235 / .055), rgb(15 159 143 / .055));
}

.ia-home .feature-card,
.ia-home .district-card,
.ia-home .region-card {
    min-width: 0;
    isolation: isolate;
}

.ia-home .feature-card h3,
.ia-home .district-card h3,
.ia-home .region-card h3,
.ia-home .feature-card p,
.ia-home .district-card p,
.ia-home .region-card p {
    overflow-wrap: anywhere;
}

@media (max-width: 782px) {
    .admin-bar .ia-home-journey { top: 46px; }
}

@media (max-width: 640px) {
    .ia-home { --ia-home-section-space: 3.25rem; }
    .ia-home-journey__inner { padding-inline: 1rem; }
    .ia-home-journey a { min-height: 2.45rem; padding: .55rem .85rem; font-size: .9rem; }
    .ia-home-flow-section { scroll-margin-top: 6.5rem; }
    .ia-home .cards-grid,
    .ia-home .regions-grid,
    .ia-home .latest-grid { grid-template-columns: minmax(0, 1fr); }
    .ia-home .feature-card__button { max-width: 100%; white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .ia-home-journey a { transition: none; }
    .ia-home-journey a:hover,
    .ia-home-journey a:focus-visible { transform: none; }
}
/* === SOURCE: home-featured-v58.css === */
/* İlçe Atlasım V58 — featured province and district discovery board. */
.ia-featured-overview{padding:clamp(36px,6vw,80px) 0;background:linear-gradient(180deg,#f7f3ea 0%,#fff 100%)}
.ia-featured-overview__head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.ia-featured-overview__eyebrow{display:inline-block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:#9f2f2f;margin-bottom:8px}
.ia-featured-overview__head h2{margin:0;max-width:760px;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.08;color:#17233a}
.ia-featured-overview__head p{max-width:660px;margin:12px 0 0;color:#5c6678}
.ia-featured-overview__all{flex:0 0 auto;font-weight:800;text-decoration:none;color:#17233a;border-bottom:2px solid currentColor;padding-bottom:4px}
.ia-featured-overview__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:stretch}
.ia-featured-overview__provinces{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;min-width:0}
.ia-featured-province{position:relative;overflow:hidden;border-radius:24px;min-height:260px;background:#17233a;isolation:isolate;box-shadow:0 18px 45px rgba(23,35,58,.15)}
.ia-featured-province.is-primary{min-height:540px}
.ia-featured-province img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ia-featured-province__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,42,.08),rgba(7,20,42,.88));z-index:-1}
.ia-featured-province__content{position:absolute;inset:auto 0 0;padding:clamp(20px,4vw,34px);color:#fff}
.ia-featured-province__content span{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ia-featured-province__content h3{margin:8px 0;font-size:clamp(1.5rem,3vw,2.5rem)}
.ia-featured-province__content h3 a{color:inherit;text-decoration:none}
.ia-featured-province__content p{margin:0 0 18px;color:rgba(255,255,255,.84)}
.ia-featured-province__cta{display:inline-flex;color:#fff;font-weight:800;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.75);padding-bottom:3px}
.ia-featured-overview__districts{display:grid;gap:14px;min-width:0}
.ia-featured-overview__districts .district-card{height:100%}
@media(max-width:1050px){.ia-featured-overview__layout{grid-template-columns:1fr}.ia-featured-overview__districts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ia-featured-overview__head{align-items:flex-start;flex-direction:column}.ia-featured-overview__provinces{grid-template-columns:1fr}.ia-featured-province,.ia-featured-province.is-primary{min-height:330px}.ia-featured-overview__districts{grid-template-columns:1fr}.ia-featured-overview__all{min-height:44px;display:inline-flex;align-items:center}.ia-featured-province__content h3,.ia-featured-province__content p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.ia-featured-overview *{scroll-behavior:auto!important;transition:none!important}}
/* === SOURCE: gallery.css === */
.gallery-section{
    padding:90px 0;
    background:#f8fafc;
}

.gallery-grid{
    display:grid;
    grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));
    grid-auto-rows:190px;
    gap:22px;
}

.gallery-item{
    position:relative;
    display:block;
    min-width:0;
    border-radius:var(--radius-lg,28px);
    color:#fff;
    background:#0f172a;
    box-shadow:0 20px 55px rgba(15,23,42,.12);
    overflow:hidden;
    text-decoration:none;
    transition:transform .24s ease, box-shadow .24s ease;
}

.gallery-item:hover,
.gallery-item:focus-visible{
    transform:translateY(-4px);
    box-shadow:0 24px 60px rgba(15,23,42,.16);
}

.gallery-item:focus-visible{
    outline:3px solid #2563eb;
    outline-offset:4px;
}

.gallery-item.big{
    grid-row:span 2;
}

.gallery-item__image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.gallery-item:hover .gallery-item__image,
.gallery-item:focus-visible .gallery-item__image{
    transform:scale(1.035);
}

.gallery-item__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.88) 100%);
    pointer-events:none;
}

.gallery-item__label{
    position:absolute;
    right:22px;
    bottom:20px;
    left:22px;
    z-index:1;
    color:#fff;
    font-size:clamp(18px,2vw,24px);
    font-weight:900;
    line-height:1.25;
    overflow-wrap:anywhere;
}

@media(max-width:900px){
    .gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .gallery-grid{
        grid-template-columns:1fr;
        grid-auto-rows:210px;
    }

    .gallery-item.big{
        grid-row:auto;
    }
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .gallery-item:hover,
    .gallery-item:focus-visible,
    .gallery-item:hover .gallery-item__image,
    .gallery-item:focus-visible .gallery-item__image{
        transform:none;
    }
}