body{
font-family:Inter, sans-serif;
margin:0;
color:#1f2937;
line-height:1.7;
}

/* ===== Header ===== */

.philosophy-hero{
background:linear-gradient(180deg,#0b1d26,#0f2a36);
color:white;
padding:140px 20px 120px;
text-align:center;
position:relative;
overflow:hidden;
}

.philosophy-inner{
max-width:850px;
margin:auto;
}

/* ===== Ideology Page Logo ===== */

.ideology-logo{
  margin-bottom:25px;
  display:flex;
  justify-content:center;
}

.ideology-logo img{
  height:38px;
  width:auto;
  opacity:.95;
  transition:.3s;
}

/* subtle glow for dark hero */
.ideology-logo img{
  filter: drop-shadow(0 4px 14px rgba(30,91,255,.25));
}


.philosophy-tag{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 16px;
border:1px solid rgba(255,255,255,.25);
border-radius:50px;
font-size:13px;
letter-spacing:.08em;
margin-bottom:22px;
background:rgba(255,255,255,.03);
}

.idea-icon{
width:16px;
height:16px;
color:#ffd76a;
}

.idea-icon path{
fill:currentColor;
}

.philosophy-title{
font-size:46px;
font-weight:700;
line-height:1.25;
margin-bottom:22px;
}

.philosophy-sub{
font-size:18px;
opacity:.75;
max-width:650px;
margin:0 auto 40px;
}

.philosophy-points{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.philosophy-points div{
padding:10px 18px;
border-radius:10px;
background:rgba(255,255,255,.06);
font-size:14px;
}

/* ===== Fit Section ===== */

.fit-section{
padding:100px 20px;
background:#f6f9ff;
text-align:center;
}

.fit-container{
max-width:1000px;
margin:auto;
}

.fit-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:40px;
}

.fit-card{
padding:35px;
border-radius:16px;
text-align:left;
background:white;
box-shadow:0 20px 40px rgba(0,0,0,.06);
}

.fit-card.yes{border-top:4px solid #22c55e;}
.fit-card.no{border-top:4px solid #ef4444;}

.fit-card ul{
padding-left:18px;
}

.fit-note{
margin-top:40px;
font-size:15px;
color:#475569;
}

/* ===== Journey ===== */

.journey-section{
background:linear-gradient(135deg,#0b1d26,#0f2a36);
padding:90px 20px;
color:white;
text-align:center;
}

.journey-container{
max-width:1100px;
margin:auto;
}

.journey-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:40px;
}

.journey-card{
background:rgba(255,255,255,.05);
padding:40px;
border-radius:16px;
}

.journey-icon{
width:48px;
height:48px;
display:block;
margin:0 auto 20px;
color:#7CFFB2;
}

.journey-icon path{
fill:currentColor;
}


/* ===== Trust ===== */

.trust-section{
background:#f8fafc;
padding:120px 20px;
text-align:center;
border-top:1px solid #e5e7eb;
border-bottom:1px solid #e5e7eb;
}

.trust-container{
max-width:720px;
margin:auto;
}
.trust-badge{
font-size:32px;
margin-bottom:20px;
opacity:.8;
}
.trust-icon img{ width:50px; margin-bottom:20px; opacity:0.9; }
.trust-section h2{
font-size:38px;
font-weight:700;
margin-bottom:20px;
color:#0f172a;
}

.trust-text{
font-size:18px;
color:#475569;
line-height:1.8;
max-width:620px;
margin:auto;
}

/* ===== Founder ===== */

.founder-note-dev{
padding:90px 20px;
background:#0f172a;
display:flex;
justify-content:center;
}

.founder-box{
max-width:820px;
width:100%;
background:#020617;
border-radius:14px;
box-shadow:0 20px 60px rgba(0,0,0,.45);
overflow:hidden;
}

.code-header{
display:flex;
align-items:center;
gap:8px;
padding:12px 16px;
background:#020617;
border-bottom:1px solid rgba(255,255,255,.08);
font-family:monospace;
color:#94a3b8;
font-size:13px;
}

.dot{
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
}
.red{background:#ff5f56;}
.yellow{background:#ffbd2e;}
.green{background:#27c93f;}

.code-content{
margin:0;
padding:28px;
font-family:"Courier New", monospace;
font-size:15px;
line-height:1.7;
color:#e5e7eb;
white-space:pre-wrap;
}

footer{
text-align:center;
padding:30px 20px;
background:#0f172a;
color:#cbd5e1;
font-size:14px;
}


/* ===== Responsive ===== */

@media(max-width:900px){
.fit-grid,
.journey-grid{
grid-template-columns:1fr;
}
.philosophy-title{
font-size:32px;
}
}