:root{
  --ink:#153f37;--cream:#fbf6ea;--paper:#fffdf8;--gold:#eca94c;
  --coral:#f05d47;--mint:#d6eee1;--soft:#f7ecd7;--muted:#66807a;
  --line:#e4dccf;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--cream)}
body{display:grid;grid-template-rows:72px minmax(0,1fr) 28px;color:var(--ink);font:14px/1.45 var(--sans)}
a{color:inherit}
.philosophy-header{width:min(1480px,calc(100% - 40px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.lounge-brand{display:flex;align-items:center;gap:16px}
.lounge-brand>a{color:#2c1230;text-decoration:none;font:500 19px var(--mono);letter-spacing:-.08em}
.lounge-brand>a span{font-size:8px}.lounge-brand>a i{color:var(--coral);font-style:normal}
.lounge-brand>div{padding-left:16px;border-left:1px solid var(--line)}
.lounge-brand h1{margin:0;font:500 21px var(--mono);letter-spacing:-.06em}.lounge-brand h1 span{color:var(--gold)}
.lounge-brand p{margin:2px 0 0;color:var(--muted);font:500 8px var(--mono);letter-spacing:.04em}
.back-link{font:600 10px var(--sans);text-decoration:none;border-bottom:1px solid}
.philosophy-main{width:min(1420px,calc(100% - 48px));min-height:0;margin:auto;padding:18px 0 12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.eyebrow{margin:0 0 5px;color:var(--coral);font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.intro h2{margin:0;font:500 clamp(29px,3.1vw,48px)/1 var(--mono);letter-spacing:-.07em}
.intro h2 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}
.intro-copy{max-width:540px;margin:0;color:#557069;font-size:13px}.intro-copy strong{color:var(--ink)}
.retention-map{position:relative;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--paper)}
.retention-map:before{content:"";position:absolute;left:6%;right:6%;top:42px;height:2px;background:var(--gold);opacity:.65}
.stage{position:relative;min-width:0;padding:16px 15px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.stage:last-child{border-right:0}
.preparation-stage{background:#f1eee7;box-shadow:inset 0 4px 0 #9aa39f}
.preparation-stage .day{background:#f1eee7}
.preparation-stage .science{background:#e8e6df;border-top-color:#9aa39f}
.day{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:flex-start;width:max-content;padding-right:9px;background:var(--paper)}
.day small{color:var(--coral);font:500 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.day strong{font:500 15px var(--mono)}
.stage h3{margin:20px 0 7px;font:500 clamp(14px,1.2vw,18px)/1.2 var(--mono);letter-spacing:-.035em}
.stage>p{margin:10px 0 0;color:#557069;font-size:clamp(10px,.82vw,12px);line-height:1.45}
.stage mark{padding:0 2px;background:rgba(236,169,76,.28);color:var(--ink);font-weight:600}
.science{margin-top:9px;padding:11px 10px;background:var(--soft);border-top:2px solid var(--gold)}
.science b{display:block;margin-bottom:4px;color:var(--ink);font:500 9px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.science span{display:block;color:#5b716c;font-size:clamp(9px,.72vw,11px);line-height:1.35}
.start-link{display:block;margin-top:14px;padding:9px 10px;border-radius:6px;background:var(--ink);color:#fff;text-align:center;text-decoration:none;font:600 10px var(--mono)}
.philosophy-main+.skill-footer{width:min(1420px,calc(100% - 48px));height:28px;min-height:0;margin:0 auto;padding:0}
@media(max-width:900px){
  body{grid-template-rows:64px minmax(0,1fr) 30px}.philosophy-header{height:64px;width:calc(100% - 24px)}
  .lounge-brand>div{display:none}.philosophy-main{width:calc(100% - 24px);padding:10px 0 8px;gap:8px}.intro{grid-template-columns:1fr 1fr;gap:18px}.intro h2{font-size:24px}.intro-copy{font-size:10px}
  .retention-map{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.retention-map:before{display:none}.stage{padding:9px 10px;border-bottom:1px solid var(--line)}.stage:nth-child(2n){border-right:0}.stage:nth-child(n+3){border-bottom:0}.stage h3{margin:7px 0 4px;font-size:12px}.stage>p{font-size:9px}.science{padding:6px 7px}.science span{font-size:8px}.philosophy-main+.skill-footer{width:calc(100% - 24px);height:30px;min-height:0;padding:0}
}
@media(max-width:560px){
  .lounge-brand>a{font-size:16px}.back-link{font-size:8px}.intro{grid-template-columns:1fr}.intro-copy{display:none}.intro h2{font-size:20px}.stage h3{font-size:10px}.stage>p{display:none}.science b{font-size:7px}.science span{font-size:7px}
}