:root{
    --navy:#071b31;
    --navy-2:#0b3559;
    --blue:#166baa;
    --gold:#f4b942;
    --cream:#f7f3ea;
    --sky:#edf7fc;
    --text:#172232;
    --muted:#687588;
    --line:rgba(7,27,49,.12);
    --shadow:0 28px 75px rgba(7,27,49,.13);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:"Manrope",sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.section{padding:105px 0}
.bg-cream{background:var(--cream)}
.bg-sky{background:var(--sky)}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color:var(--blue);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.eyebrow::before{
    content:"";
    width:32px;
    height:2px;
    background:currentColor;
}
.title{
    margin-bottom:18px;
    color:var(--navy);
    font-size:clamp(2.25rem,4.3vw,4.5rem);
    font-weight:800;
    line-height:1.03;
    letter-spacing:-.052em;
}
.title em{
    font-family:"Playfair Display",serif;
    font-weight:700;
}
.lead-copy{
    color:var(--muted);
    font-size:1.04rem;
    line-height:1.85;
}
.btn-edu{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--navy);
    font-weight:800;
    border-radius:14px;
    padding:.9rem 1.45rem;
}
.btn-edu:hover{
    background:#ffc95f;
    border-color:#ffc95f;
    color:var(--navy);
    transform:translateY(-2px);
}
.btn-dark-edu{
    background:var(--navy);
    border-color:var(--navy);
    color:#fff;
    font-weight:800;
    border-radius:14px;
    padding:.9rem 1.45rem;
}
.btn-dark-edu:hover{
    background:var(--navy-2);
    border-color:var(--navy-2);
    color:#fff;
}

/* HERO (header/footer: Edukent/theme/css/layout.css) */
.hero{
    position:relative;
    min-height:800px;
    display:flex;
    align-items:center;
    padding:185px 0 110px;
    color:#fff;
    background:
        linear-gradient(90deg,rgba(3,18,35,.98) 0%,rgba(7,27,49,.9) 45%,rgba(7,27,49,.34) 100%),
        var(--hero-image,none) center/cover no-repeat;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 76% 34%,rgba(22,107,170,.24),transparent 28%),
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:auto,64px 64px,64px 64px;
    opacity:.8;
}
.hero::after{
    content:"MODEL";
    position:absolute;
    right:-15px;
    bottom:-58px;
    color:rgba(255,255,255,.035);
    font-size:13rem;
    font-weight:800;
    letter-spacing:-.08em;
}
.hero-copy{
    position:relative;
    z-index:2;
}
.hero h1{
    max-width:860px;
    margin-bottom:25px;
    font-size:clamp(3.1rem,6vw,6.4rem);
    font-weight:800;
    line-height:.95;
    letter-spacing:-.066em;
}
.hero h1 em{
    display:block;
    color:var(--gold);
    font-family:"Playfair Display",serif;
    font-weight:700;
}
.hero p{
    max-width:690px;
    color:rgba(255,255,255,.73);
    font-size:1.08rem;
    line-height:1.86;
}
.hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}
.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.83);
    font-size:.75rem;
    font-weight:800;
    backdrop-filter:blur(10px);
}
.hero-tag i{color:var(--gold)}

.model-score{
    position:relative;
    z-index:2;
    max-width:420px;
    margin-left:auto;
    padding:30px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:30px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(18px);
    box-shadow:0 30px 80px rgba(0,0,0,.2);
}
.model-score-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}
.model-score-header span:first-child{
    color:rgba(255,255,255,.62);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.score-big{
    color:var(--gold);
    font-size:2.4rem;
    font-weight:800;
}
.score-big small{
    font-size:.72rem;
    color:rgba(255,255,255,.55);
}
.score-line{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 0;
    border-top:1px solid rgba(255,255,255,.1);
}
.score-line i{
    display:grid;
    width:37px;
    height:37px;
    flex:0 0 37px;
    place-items:center;
    border-radius:11px;
    background:rgba(244,185,66,.12);
    color:var(--gold);
}
.score-line strong{
    display:block;
    font-size:.86rem;
}
.score-line span{
    color:rgba(255,255,255,.55);
    font-size:.72rem;
}

/* MODEL NAV */
.model-nav-wrap{
    position:relative;
    z-index:10;
    margin-top:-36px;
}
.model-nav{
    display:flex;
    gap:7px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--shadow);
    overflow-x:auto;
    scrollbar-width:none;
}
.model-nav::-webkit-scrollbar{display:none}
.model-nav a{
    min-width:max-content;
    padding:13px 16px;
    border-radius:12px;
    color:var(--muted);
    font-size:.75rem;
    font-weight:800;
}
.model-nav a:hover,
.model-nav a.active{
    background:var(--navy);
    color:#fff;
}

/* INTRO */
.definition-card{
    padding:34px;
    border-radius:27px;
    background:var(--cream);
}
.definition-icon{
    display:grid;
    width:56px;
    height:56px;
    margin-bottom:20px;
    place-items:center;
    border-radius:17px;
    background:var(--gold);
    color:var(--navy);
    font-size:1.35rem;
}
.definition-card strong{
    display:block;
    margin-bottom:9px;
    color:var(--navy);
    font-size:1.3rem;
    line-height:1.55;
}
.definition-card p{
    margin:0;
    color:var(--muted);
    font-size:.87rem;
    line-height:1.72;
}

/* CORE MODEL */
.core-section{
    position:relative;
    background:var(--cream);
    overflow:hidden;
}
.core-section::after{
    content:"";
    position:absolute;
    right:-250px;
    top:150px;
    width:520px;
    height:520px;
    border:1px solid rgba(7,27,49,.06);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(7,27,49,.015);
}
.model-card{
    position:relative;
    height:100%;
    padding:31px 27px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    overflow:hidden;
    transition:.3s ease;
}
.model-card::after{
    content:attr(data-num);
    position:absolute;
    right:14px;
    top:4px;
    color:rgba(7,27,49,.035);
    font-size:5rem;
    font-weight:800;
    line-height:1;
}
.model-card:hover{
    transform:translateY(-7px);
    box-shadow:0 25px 60px rgba(7,27,49,.1);
}
.model-icon{
    position:relative;
    z-index:2;
    display:grid;
    width:56px;
    height:56px;
    margin-bottom:23px;
    place-items:center;
    border-radius:17px;
    background:var(--navy);
    color:var(--gold);
    font-size:1.3rem;
}
.model-card h3{
    position:relative;
    z-index:2;
    margin-bottom:11px;
    color:var(--navy);
    font-size:1.13rem;
    font-weight:800;
}
.model-card p{
    position:relative;
    z-index:2;
    margin:0;
    color:var(--muted);
    font-size:.86rem;
    line-height:1.72;
}

/* IMAGE FEATURE */
.feature-section{
    position:relative;
    background:var(--navy);
    color:#fff;
    overflow:hidden;
}
.feature-section::before{
    content:"";
    position:absolute;
    left:-180px;
    bottom:-230px;
    width:500px;
    height:500px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:0 0 0 65px rgba(255,255,255,.02);
}
.feature-section .eyebrow{color:var(--gold)}
.feature-section .title{color:#fff}
.feature-section .lead-copy{color:rgba(255,255,255,.64)}

.feature-image{
    position:relative;
    min-height:640px;
    border-radius:31px;
    overflow:hidden;
    box-shadow:0 35px 85px rgba(0,0,0,.29);
}
.feature-image img{
    width:100%;
    height:640px;
    object-fit:cover;
}
.feature-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(3,18,35,.62),transparent 58%);
}
.feature-caption{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:2;
    padding:20px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    background:rgba(7,27,49,.65);
    backdrop-filter:blur(14px);
}
.feature-caption strong{display:block;margin-bottom:4px}
.feature-caption span{
    color:rgba(255,255,255,.6);
    font-size:.8rem;
}

.feature-list{
    display:grid;
    gap:12px;
    margin-top:30px;
}
.feature-item{
    display:flex;
    gap:14px;
    padding:17px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(255,255,255,.05);
}
.feature-item i{
    color:var(--gold);
    font-size:1.1rem;
}
.feature-item strong{
    display:block;
    margin-bottom:4px;
    font-size:.9rem;
}
.feature-item span{
    color:rgba(255,255,255,.56);
    font-size:.78rem;
    line-height:1.55;
}

/* LEARNING FLOW */
.flow-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
    margin-top:50px;
}
.flow-item{
    position:relative;
    min-height:220px;
    padding:27px 22px;
    border:1px solid var(--line);
    border-radius:23px;
    background:#fff;
    transition:.3s ease;
}
.flow-item:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(7,27,49,.09);
}
.flow-num{
    display:grid;
    width:43px;
    height:43px;
    margin-bottom:24px;
    place-items:center;
    border-radius:13px;
    background:var(--sky);
    color:var(--blue);
    font-size:.75rem;
    font-weight:800;
}
.flow-item h3{
    color:var(--navy);
    font-size:1rem;
    font-weight:800;
}
.flow-item p{
    margin:0;
    color:var(--muted);
    font-size:.8rem;
    line-height:1.65;
}
.flow-arrow{
    position:absolute;
    right:-20px;
    top:50%;
    z-index:4;
    display:grid;
    width:26px;
    height:26px;
    place-items:center;
    border-radius:50%;
    background:var(--navy);
    color:var(--gold);
    font-size:.7rem;
    transform:translateY(-50%);
}
.flow-item:last-child .flow-arrow{display:none}

/* STEM / SEL */
.split-card{
    position:relative;
    min-height:510px;
    padding:39px;
    border-radius:29px;
    overflow:hidden;
}
.split-card.stem{
    background:
        radial-gradient(circle at 80% 20%,rgba(22,107,170,.26),transparent 28%),
        linear-gradient(145deg,#071b31,#0c385f);
    color:#fff;
}
.split-card.sel{
    background:var(--cream);
    color:var(--navy);
    border:1px solid var(--line);
}
.split-label{
    display:inline-flex;
    margin-bottom:35px;
    padding:8px 11px;
    border-radius:999px;
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.stem .split-label{
    background:rgba(244,185,66,.14);
    color:var(--gold);
}
.sel .split-label{
    background:var(--sky);
    color:var(--blue);
}
.split-card h2{
    max-width:520px;
    margin-bottom:20px;
    font-size:clamp(2rem,3.4vw,3.5rem);
    font-weight:800;
    line-height:1.06;
    letter-spacing:-.045em;
}
.split-card h2 em{
    font-family:"Playfair Display",serif;
}
.split-card p{
    max-width:570px;
    line-height:1.88;
}
.stem p{color:rgba(255,255,255,.68)}
.sel p{color:var(--muted)}
.split-bottom{
    position:absolute;
    left:39px;
    right:39px;
    bottom:38px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.skill-chip{
    padding:8px 11px;
    border-radius:999px;
    font-size:.7rem;
    font-weight:800;
}
.stem .skill-chip{
    border:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.75);
}
.sel .skill-chip{
    background:#fff;
    border:1px solid var(--line);
    color:var(--navy);
}

/* PERSONAL */
.personal-section{background:var(--sky)}
.personal-box{
    position:relative;
    padding:45px;
    border-radius:31px;
    background:#fff;
    box-shadow:0 25px 65px rgba(7,27,49,.08);
    overflow:hidden;
}
.personal-box::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-100px;
    width:270px;
    height:270px;
    border-radius:50%;
    background:var(--sky);
}
.personal-steps{
    display:grid;
    gap:13px;
    margin-top:30px;
}
.personal-step{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:17px 18px;
    border:1px solid var(--line);
    border-radius:17px;
}
.personal-step span:first-child{
    display:grid;
    width:32px;
    height:32px;
    flex:0 0 32px;
    place-items:center;
    border-radius:10px;
    background:var(--navy);
    color:var(--gold);
    font-size:.7rem;
    font-weight:800;
}
.personal-step strong{
    display:block;
    margin-bottom:3px;
    color:var(--navy);
    font-size:.9rem;
}
.personal-step small{
    color:var(--muted);
    line-height:1.55;
}

/* QUOTE */
.quote-panel{
    position:relative;
    padding:52px;
    border-radius:31px;
    background:var(--navy);
    color:#fff;
    overflow:hidden;
}
.quote-panel::after{
    content:"“";
    position:absolute;
    right:15px;
    top:-70px;
    color:rgba(255,255,255,.04);
    font-family:"Playfair Display",serif;
    font-size:21rem;
    line-height:1;
}
.quote-panel blockquote{
    position:relative;
    z-index:2;
    max-width:970px;
    margin:0 auto;
    font-size:clamp(1.8rem,3vw,3.1rem);
    font-weight:800;
    line-height:1.34;
    letter-spacing:-.035em;
    text-align:center;
}
.quote-panel em{
    color:var(--gold);
    font-family:"Playfair Display",serif;
}

/* CTA */
.cta{
    padding:85px 0;
    background:var(--cream);
}
.cta-box{
    position:relative;
    padding:55px;
    border-radius:32px;
    background:
        radial-gradient(circle at 84% 18%,rgba(244,185,66,.18),transparent 24%),
        linear-gradient(125deg,#06172a,#0a3458);
    color:#fff;
    overflow:hidden;
}
.cta-box::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-145px;
    width:330px;
    height:330px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    box-shadow:0 0 0 45px rgba(255,255,255,.025);
}
.cta-box h2{
    max-width:730px;
    font-size:clamp(2rem,4vw,3.9rem);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.05em;
}
.cta-box p{
    max-width:650px;
    color:rgba(255,255,255,.66);
    line-height:1.8;
}

/* Sayfa içeriği (ERP "Açıklama" + "Resim") — varsayılan olarak kapalı bölüm */
.richtext{color:#4d5b6d;line-height:1.9}
.richtext h3,.richtext h4{color:var(--navy);font-weight:800;margin:1.4rem 0 .7rem}
.richtext ul,.richtext ol{padding-left:1.2rem}
.detail-media img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:var(--shadow)}

.reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .7s ease,transform .7s ease;
}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1199.98px){
    .flow-grid{grid-template-columns:repeat(3,1fr)}
    .flow-arrow{display:none}
}
@media(max-width:991.98px){
    .section{padding:82px 0}
    .model-score{max-width:none;margin:38px 0 0}
    .feature-image,.feature-image img{min-height:520px;height:520px}
    .split-card{min-height:480px}
}
@media(max-width:767.98px){
    .hero{
        min-height:auto;
        padding:155px 0 80px;
        background:
            linear-gradient(90deg,rgba(3,18,35,.97),rgba(7,27,49,.72)),
            var(--hero-image,none) center/cover no-repeat;
    }
    .hero h1{font-size:clamp(2.9rem,14vw,4.2rem)}
    .hero::after{font-size:7rem;bottom:-20px}
    .flow-grid{grid-template-columns:1fr}
    .feature-image,.feature-image img{min-height:430px;height:430px}
    .split-card{min-height:510px;padding:30px 24px}
    .split-bottom{left:24px;right:24px;bottom:26px}
    .personal-box{padding:31px 24px}
    .quote-panel{padding:40px 25px}
    .cta-box{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){
    *{scroll-behavior:auto!important;transition:none!important}
    .reveal{opacity:1;transform:none}
}