:root{
    --bg:#090c14;
    --bg-soft:#111726;
    --panel:rgba(14, 20, 34, 0.72);
    --line:rgba(255,255,255,0.1);
    --line-strong:rgba(226,193,128,0.28);
    --text:#f4efe6;
    --muted:#b7bfd1;
    --gold:#e2c180;
    --gold-soft:#f6e7bf;
    --accent:#8fb7ff;
    --shadow:0 24px 80px rgba(0,0,0,0.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    margin:0;
    color:var(--text);
    font-family:"Manrope", Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(226,193,128,0.12), transparent 28%),
        radial-gradient(circle at 85% 12%, rgba(143,183,255,0.14), transparent 22%),
        linear-gradient(135deg, #06080e 0%, #0a1020 46%, #11192c 100%);
    min-height:100vh;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:0.4;
    background-image:
        radial-gradient(2px 2px at 12% 24%, rgba(255,255,255,0.8), transparent 60%),
        radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.5), transparent 60%),
        radial-gradient(2px 2px at 62% 18%, rgba(255,255,255,0.45), transparent 60%),
        radial-gradient(2px 2px at 78% 38%, rgba(255,255,255,0.65), transparent 60%),
        radial-gradient(2px 2px at 88% 78%, rgba(255,255,255,0.5), transparent 60%);
}

a{color:inherit}

.container,
.footer-inner,
.navbar{
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
}

.navbar{
    position:sticky;
    top:16px;
    z-index:20;
    margin-top:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px 18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(10, 14, 24, 0.76);
    backdrop-filter:blur(18px);
    box-shadow:var(--shadow);
}

.logo,
.footer-brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
}

.logo strong,
.footer-brand strong{
    display:block;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:30px;
    line-height:1;
    letter-spacing:0.03em;
}

.logo small{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:12px;
}

.logo-star{
    width:46px;
    height:46px;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:var(--gold-soft);
    font-size:20px;
    background:linear-gradient(135deg, rgba(226,193,128,0.2), rgba(143,183,255,0.2));
    border:1px solid var(--line-strong);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.nav-links{
    display:flex;
    align-items:center;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
}

.nav-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:999px;
    text-decoration:none;
    color:var(--muted);
    transition:0.2s ease;
}

.nav-links a:hover,
.nav-links a.active{
    color:var(--text);
    background:rgba(255,255,255,0.06);
}

.hero,
.analizler,
.yaklasim,
.iletisim-hero,
.iletisim-form-section{
    position:relative;
    z-index:1;
}

.hero{
    width:min(1180px, calc(100% - 32px));
    margin:28px auto 0;
    padding:86px 52px;
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(280px, 0.75fr);
    gap:34px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:34px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
        rgba(10, 15, 26, 0.88);
    box-shadow:var(--shadow);
}

.hero-bg-numbers{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0.08;
}

.hero-bg-numbers span{
    position:absolute;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:clamp(48px, 8vw, 120px);
    color:var(--gold-soft);
}

.hero-bg-numbers span:nth-child(1){top:12%;left:8%}
.hero-bg-numbers span:nth-child(2){top:8%;right:18%}
.hero-bg-numbers span:nth-child(3){top:42%;right:10%}
.hero-bg-numbers span:nth-child(4){bottom:18%;right:18%}
.hero-bg-numbers span:nth-child(5){bottom:12%;left:48%}
.hero-bg-numbers span:nth-child(6){bottom:18%;left:14%}
.hero-bg-numbers span:nth-child(7){top:46%;left:6%}
.hero-bg-numbers span:nth-child(8){top:24%;left:30%}
.hero-bg-numbers span:nth-child(9){top:32%;left:52%;font-size:clamp(100px, 18vw, 220px)}

.hero-content{position:relative}

.hero-eyebrow{
    display:inline-flex;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--line-strong);
    background:rgba(226,193,128,0.08);
    color:var(--gold-soft);
    font-size:12px;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

.hero h1,
.iletisim-hero h1{
    margin:18px 0 0;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:clamp(54px, 8vw, 92px);
    line-height:0.94;
    letter-spacing:-0.03em;
}

.hero-desc,
.section-desc,
.iletisim-hero p,
.direct-contact p,
.footer-brand p{
    color:var(--muted);
    line-height:1.8;
}

.hero-desc{
    max-width:760px;
    margin:20px 0 0;
    font-size:17px;
}

.hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 20px;
    border-radius:16px;
    border:1px solid transparent;
    font-weight:800;
    text-decoration:none;
    transition:0.2s ease;
}

.btn:hover{transform:translateY(-1px)}

.btn-primary{
    color:#16110a;
    background:linear-gradient(135deg, var(--gold), #f6e7bf);
    box-shadow:0 12px 36px rgba(226,193,128,0.24);
}

.btn-secondary{
    color:var(--text);
    border-color:var(--line);
    background:rgba(255,255,255,0.04);
}

.hero-coming-soon{
    margin:16px 0 0;
    color:#d4d9e7;
    font-size:14px;
}

.hero-cards{
    position:relative;
    display:grid;
    gap:16px;
    align-content:center;
}

.hero-card,
.card,
.form-container,
.alert{
    border:1px solid var(--line);
    border-radius:24px;
    background:var(--panel);
    backdrop-filter:blur(16px);
    box-shadow:var(--shadow);
}

.hero-card{
    padding:22px;
    justify-self:end;
    width:min(100%, 320px);
}

.hero-card span{
    display:block;
    color:var(--gold-soft);
    font-size:13px;
    letter-spacing:0.1em;
    text-transform:uppercase;
}

.hero-card strong{
    display:block;
    margin-top:10px;
    font-size:26px;
    font-family:"Cormorant Garamond", Georgia, serif;
}

.analizler,
.yaklasim,
.iletisim-hero,
.iletisim-form-section{
    padding:84px 0 0;
}

.analizler h2,
.yaklasim blockquote{
    margin:0;
    font-family:"Cormorant Garamond", Georgia, serif;
}

.analizler h2{font-size:clamp(38px, 6vw, 62px)}

.section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
}

.section-heading p{
    max-width:560px;
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.section-kicker{
    margin:0 0 10px;
    color:var(--gold-soft);
    font-size:12px;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

.section-desc{
    max-width:760px;
    margin:16px 0 0;
    font-size:17px;
}

.cards-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
    margin-top:34px;
}

.card{padding:28px}

.card-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:18px;
    color:var(--gold-soft);
    font-size:24px;
    background:rgba(226,193,128,0.08);
    border:1px solid var(--line-strong);
}

.card h3{
    margin:18px 0 12px;
    font-size:24px;
    font-family:"Cormorant Garamond", Georgia, serif;
}

.card p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.yorum-katmanlari,
.rapor-icerigi,
.harita-detaylari,
.surec,
.teslimatlar,
.sss,
.cta-band{
    padding:84px 0 0;
    position:relative;
    z-index:1;
}

.yorum-katmanlari h2,
.rapor-icerigi h2,
.harita-detaylari h2,
.surec h2,
.teslimatlar h2,
.sss h2,
.cta-band h2{
    margin:0;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:clamp(38px, 6vw, 62px);
}

.insight-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    margin-top:34px;
}

.insight-card{
    padding:28px;
    border:1px solid var(--line);
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
        rgba(10, 15, 26, 0.8);
    box-shadow:var(--shadow);
}

.insight-card h3,
.report-panel-header strong{
    margin:0;
    font-family:"Cormorant Garamond", Georgia, serif;
}

.insight-card h3{
    font-size:28px;
}

.insight-card p{
    margin:14px 0 0;
    color:var(--muted);
    line-height:1.8;
}

.report-shell{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(300px, 0.85fr);
    gap:22px;
    align-items:stretch;
}

.report-list{
    margin:26px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:14px;
}

.report-list li{
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,0.03);
    color:var(--text);
    line-height:1.7;
}

.report-panel{
    padding:28px;
    border:1px solid var(--line);
    border-radius:30px;
    background:
        radial-gradient(circle at top right, rgba(226,193,128,0.16), transparent 28%),
        rgba(10, 15, 26, 0.88);
    box-shadow:var(--shadow);
}

.report-panel-header{
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.report-panel-header span,
.report-steps small{
    display:block;
    color:var(--gold-soft);
    font-size:12px;
    letter-spacing:0.1em;
    text-transform:uppercase;
}

.report-panel-header strong{
    display:block;
    margin-top:10px;
    font-size:34px;
    line-height:1.05;
}

.report-steps{
    display:grid;
    gap:16px;
    margin-top:22px;
}

.report-steps div{
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.report-steps div:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.report-steps p{
    margin:10px 0 0;
    color:var(--muted);
    line-height:1.75;
}

.detail-grid,
.faq-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    margin-top:34px;
}

.detail-card,
.faq-card,
.timeline-item,
.delivery-panel,
.cta-inner{
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.detail-card,
.faq-card{
    padding:26px;
    border-radius:26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
        rgba(10, 15, 26, 0.84);
}

.detail-card h3,
.faq-card h3,
.timeline-item strong{
    display:block;
    margin:0;
    font-family:"Cormorant Garamond", Georgia, serif;
}

.detail-card h3,
.faq-card h3{
    font-size:27px;
}

.detail-card p,
.faq-card p,
.delivery-panel p{
    margin:12px 0 0;
    color:var(--muted);
    line-height:1.8;
}

.process-shell,
.delivery-shell{
    display:grid;
    grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap:22px;
    align-items:start;
}

.timeline{
    display:grid;
    gap:16px;
}

.timeline-item{
    padding:22px 24px;
    border-radius:24px;
    background:rgba(255,255,255,0.03);
}

.timeline-item strong{
    font-size:30px;
}

.timeline-item p{
    margin:10px 0 0;
    color:var(--muted);
    line-height:1.75;
}

.delivery-panel{
    padding:28px;
    border-radius:28px;
    background:
        radial-gradient(circle at top right, rgba(143,183,255,0.14), transparent 32%),
        rgba(10, 15, 26, 0.86);
}

.muted-panel{
    background:
        radial-gradient(circle at top right, rgba(226,193,128,0.14), transparent 32%),
        rgba(10, 15, 26, 0.82);
}

.delivery-list{
    list-style:none;
    margin:22px 0 0;
    padding:0;
    display:grid;
    gap:12px;
}

.delivery-list li{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,0.04);
    color:var(--text);
    line-height:1.7;
}

.cta-band{
    padding-bottom:12px;
}

.cta-inner{
    padding:34px;
    border-radius:30px;
    background:
        linear-gradient(135deg, rgba(226,193,128,0.12), rgba(143,183,255,0.1)),
        rgba(10, 15, 26, 0.9);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.yaklasim .container{
    padding:54px 42px;
    border:1px solid var(--line);
    border-radius:34px;
    background:linear-gradient(135deg, rgba(226,193,128,0.08), rgba(143,183,255,0.08));
    box-shadow:var(--shadow);
}

.yaklasim blockquote{
    font-size:clamp(34px, 5vw, 54px);
    line-height:1.14;
    max-width:900px;
}

.yaklasim-tags{
    margin:20px 0 0;
    color:var(--gold-soft);
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-size:12px;
}

.iletisim-hero .container{
    padding:52px 42px;
    border:1px solid var(--line);
    border-radius:34px;
    background:rgba(10, 15, 26, 0.88);
    box-shadow:var(--shadow);
}

.iletisim-hero h1{margin-top:0}

.iletisim-form-section{
    padding-bottom:84px;
}

.form-container{padding:32px}
.form-group + .form-group{margin-top:18px}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    color:var(--gold-soft);
}

.form-group input,
.form-group textarea{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:16px;
    background:rgba(255,255,255,0.04);
    color:var(--text);
    font:inherit;
    outline:none;
}

.form-group input::placeholder,
.form-group textarea::placeholder{color:#8f97aa}

.form-group input:focus,
.form-group textarea:focus{
    border-color:rgba(226,193,128,0.45);
    box-shadow:0 0 0 4px rgba(226,193,128,0.08);
}

.alert{
    margin-bottom:20px;
    padding:18px 20px;
}

.alert-success{
    border-color:rgba(111,214,164,0.28);
    background:rgba(59,121,93,0.18);
}

.alert-error{
    border-color:rgba(225,110,110,0.28);
    background:rgba(121,59,59,0.18);
}

.alert ul{
    margin:0;
    padding-left:18px;
}

.direct-contact{margin-top:24px}

.direct-contact a{
    color:var(--gold-soft);
    text-decoration:none;
}

.mizac-page{
    position:relative;
    z-index:1;
    padding:54px 0 84px;
}

.mizac-panel{
    padding:28px;
    border:1px solid var(--line);
    border-radius:28px;
    background:var(--panel);
    box-shadow:var(--shadow);
}

.mizac-test-shell{
    max-width:920px;
    margin:0 auto;
}

.mizac-intro{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:24px;
}

.mizac-leaf{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid var(--line-strong);
    border-radius:16px;
    background:rgba(226,193,128,0.08);
    font-size:24px;
    flex:0 0 auto;
}

.mizac-test-shell h1{
    margin:0 0 8px;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:clamp(38px, 6vw, 58px);
    line-height:1;
}

.mizac-intro p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
    font-size:17px;
}

.mizac-main-accordion{
    display:grid;
    gap:14px;
}

.mizac-main-accordion details{
    border:1px solid var(--line);
    border-radius:20px;
    background:rgba(255,255,255,0.035);
    overflow:hidden;
}

.mizac-main-accordion summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:58px;
    padding:16px 18px;
    color:var(--text);
    cursor:pointer;
    font-weight:800;
    list-style:none;
}

.mizac-main-accordion summary::-webkit-details-marker{
    display:none;
}

.mizac-main-accordion summary::after{
    content:"";
    width:9px;
    height:9px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-3px) rotate(45deg);
}

.mizac-main-accordion details[open] summary{
    color:var(--gold-soft);
    border-bottom:1px solid var(--line);
}

.mizac-main-accordion details[open] summary::after{
    transform:translateY(3px) rotate(225deg);
}

.mizac-main-accordion summary span{
    margin-right:4px;
}

.mizac-accordion-content{
    padding:18px;
}

.mizac-test-form{
    display:grid;
    gap:16px;
}

.mizac-question-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:20px;
    background:rgba(255,255,255,0.035);
}

.mizac-question-card h2{
    margin:0 0 10px;
    color:var(--gold-soft);
    font-size:13px;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

.mizac-question-card p{
    margin:0;
    color:var(--text);
    line-height:1.7;
    font-size:17px;
}

.mizac-answer-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:10px;
    margin-top:18px;
}

.mizac-answer{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,0.035);
    color:var(--muted);
    cursor:pointer;
    line-height:1.35;
}

.mizac-answer:has(input:checked){
    border-color:rgba(226,193,128,0.45);
    background:rgba(226,193,128,0.1);
    color:var(--text);
}

.mizac-answer input{
    accent-color:var(--gold);
    flex:0 0 auto;
}

.mizac-submit{
    justify-self:start;
    margin-top:8px;
    border:0;
    cursor:pointer;
    font-family:inherit;
}

.mizac-result{
    margin:0 0 18px;
    padding:18px 20px;
    border:1px solid var(--line-strong);
    border-radius:18px;
    background:rgba(226,193,128,0.08);
}

.mizac-empty{
    padding:18px;
    border:1px solid rgba(226,193,128,0.28);
    border-radius:18px;
    background:rgba(226,193,128,0.08);
    color:var(--gold-soft);
    line-height:1.7;
}

.mizac-info-text{
    margin:0;
    color:var(--muted);
    line-height:1.85;
    font-size:16px;
}

.mizac-result span{
    display:block;
    color:var(--muted);
    font-size:12px;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

.mizac-result strong{
    display:block;
    margin-top:6px;
    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:34px;
}

.footer{padding:0 0 28px}

.footer-inner{
    margin-top:28px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid var(--line);
    border-radius:26px;
    background:rgba(10, 14, 24, 0.76);
}

.footer-brand p,
.footer-copy{
    margin:4px 0 0;
    font-size:14px;
}

.footer-copy{color:var(--muted)}

@media (max-width: 980px){
    .hero{
        grid-template-columns:1fr;
        padding:72px 28px;
    }

    .hero-card{
        justify-self:stretch;
        width:auto;
    }

    .cards-grid{grid-template-columns:1fr}

    .section-heading,
    .report-shell,
    .insight-grid,
    .detail-grid,
    .faq-grid,
    .process-shell,
    .delivery-shell{
        grid-template-columns:1fr;
    }

    .section-heading{
        display:grid;
        align-items:start;
    }

    .cta-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-inner{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width: 720px){
    .navbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .nav-links{
        width:100%;
        flex-wrap:wrap;
    }

    .hero,
    .iletisim-hero .container,
    .yaklasim .container,
    .form-container{
        padding:24px;
        border-radius:24px;
    }

    .mizac-answer-grid{
        grid-template-columns:1fr;
    }

    .hero h1,
    .iletisim-hero h1{font-size:52px}

    .yaklasim blockquote{font-size:34px}
}