:root{--red:#8f0d16;--red2:#c31f2b;--black:#111;--ink:#242424;--muted:#6c6c73;--paper:#fff;--soft:#f6f4f4;--line:#e8e3e3;--gold:#b98a3d;--radius:20px;--shadow:0 18px 45px rgba(18,18,18,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}.section{padding:88px 0}.section-sm{padding:52px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--red)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.1;margin:0 0 18px;color:var(--black)}h1{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.035em}h3{font-size:1.4rem}.lead{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--muted);max-width:760px}.muted{color:var(--muted)}.small{font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--red);color:white;box-shadow:0 10px 24px rgba(143,13,22,.22)}.btn-primary:hover{transform:translateY(-2px);background:#760b12}.btn-outline{border-color:#cfc8c8;background:white}.btn-outline:hover{border-color:var(--red);color:var(--red)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.topbar{background:var(--black);color:white;font-size:.9rem;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:16px}.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--red),#4b0509);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.2rem;box-shadow:0 8px 18px rgba(143,13,22,.2)}.nav-links{display:flex;gap:23px;align-items:center;font-weight:700;font-size:.94rem}.nav-links a:hover,.nav-links a.active{color:var(--red)}.menu-btn{display:none;border:0;background:none;font-size:1.6rem}.hero{min-height:760px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(195,31,43,.12),transparent 26%),linear-gradient(180deg,#fff,#fbf8f8)}.hero:after{content:'';position:absolute;right:-120px;bottom:-160px;width:520px;height:520px;border:70px solid rgba(143,13,22,.06);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.hero-card{position:relative;background:white;border:1px solid var(--line);padding:34px;border-radius:32px;box-shadow:var(--shadow)}.staircase{display:grid;gap:12px}.step{padding:18px 22px;border-radius:14px;background:var(--soft);border-left:5px solid var(--red);font-weight:900;display:flex;justify-content:space-between;align-items:center}.step:nth-child(2){margin-left:8%}.step:nth-child(3){margin-left:16%}.step:nth-child(4){margin-left:24%}.step:nth-child(5){margin-left:32%}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.stat strong{display:block;font-size:2rem;color:var(--red)}.problem{background:var(--black);color:white}.problem h2,.problem h3{color:white}.problem .lead{color:#cfcfcf}.quote{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.25;border-left:5px solid var(--red2);padding-left:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.card:hover{transform:translateY(-3px);transition:.25s;box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:14px;background:rgba(143,13,22,.09);color:var(--red);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.phase{position:relative;overflow:hidden}.phase-number{font-size:4.6rem;line-height:1;color:rgba(143,13,22,.12);font-weight:900;position:absolute;right:18px;top:12px}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.month{font-weight:900;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.score-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}.score-ring{width:280px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) 0 76%,#eee 76% 100%);margin:auto;position:relative}.score-ring:before{content:'';position:absolute;inset:24px;background:white;border-radius:50%}.score-ring div{z-index:1;text-align:center}.score-ring strong{font-size:4rem;line-height:1;color:var(--black)}.bar{height:10px;border-radius:999px;background:#eee;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--red2));border-radius:999px}.metric{margin-bottom:18px}.metric-head{display:flex;justify-content:space-between;font-weight:800;margin-bottom:7px}.band{background:var(--soft)}.principle{border-top:4px solid var(--red)}.cta{background:linear-gradient(135deg,#130b0c,#311013);color:white;border-radius:32px;padding:52px}.cta h2{color:white}.cta .lead{color:#ddd}.page-hero{padding:92px 0 64px;background:linear-gradient(180deg,#fff,#f8f3f3);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}.list-check{list-style:none;padding:0;margin:18px 0}.list-check li{padding:8px 0 8px 30px;position:relative}.list-check li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:900}.resource-card .tag,.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#f3e7e8;color:var(--red);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.story{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:start}.avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#ddd,#aaa);display:grid;place-items:center;font-weight:900}.event{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center}.date-box{border-radius:18px;background:var(--black);color:white;text-align:center;padding:15px}.date-box strong{display:block;font-size:2rem}.form{display:grid;gap:16px}.input{width:100%;padding:15px 16px;border:1px solid #d8d2d2;border-radius:14px;font:inherit;background:white}.input:focus{outline:2px solid rgba(143,13,22,.15);border-color:var(--red)}.footer{background:#0d0d0f;color:white;padding:64px 0 26px}.footer h3{color:white;font-size:1.05rem;font-family:inherit}.footer a{color:#c9c9c9}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px}.footer-bottom{border-top:1px solid #2a2a2a;margin-top:42px;padding-top:20px;color:#969696;font-size:.9rem;display:flex;justify-content:space-between}.notice{padding:16px;border:1px solid #eed7d9;background:#fff7f7;border-radius:14px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;padding:20px 0;background:none;border:0;font:inherit;font-weight:900;text-align:left}.faq-a{display:none;padding:0 0 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.pill-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:.9rem}.pill-nav a:hover{color:var(--red);border-color:var(--red)}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.score-wrap,.grid-4,.grid-3,.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto;padding:70px 0}.event{grid-template-columns:90px 1fr}.event .btn{grid-column:2}.stat-row{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{display:none}.section{padding:64px 0}.hero-grid,.grid-2,.grid-3,.grid-4,.score-wrap,.footer-grid{grid-template-columns:1fr}.hero-card{padding:22px}.step:nth-child(n){margin-left:0}.timeline-item{grid-template-columns:1fr}.event{grid-template-columns:1fr}.event .btn{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.score-ring{width:230px}.nav-inner{height:68px}.nav-links{top:68px}.stat-row{grid-template-columns:1fr}}

/* Shared brand logo */
.brand-logo{width:auto;height:52px;max-width:190px;object-fit:contain;flex:0 0 auto}.brand-name{white-space:nowrap}.footer-brand .brand-logo{height:58px}.footer-brand .brand-name{color:white}

/* Keep the complete site header visible while the page scrolls. */
[data-site-header]{position:sticky;top:0;z-index:100;display:block}.nav{position:relative;top:auto;z-index:auto}.nav.is-scrolled{box-shadow:0 10px 30px rgba(18,18,18,.08)}

/* Scroll-triggered motion */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.44s cubic-bezier(.2,.7,.2,1),transform 1.44s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}

/* The path behaves like a set of tactile, non-link buttons. */
.step{cursor:default;transition:background-color .28s ease,color .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease}.step:hover,.step:focus-within{background:var(--red);color:white;border-left-color:var(--red2);transform:translateY(-3px) translateX(3px);box-shadow:0 14px 30px rgba(143,13,22,.2)}

/* Small labels and pill controls share the same red-on-hover interaction. */
.tag,.pill-nav a{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.tag:hover,.pill-nav a:hover{background:var(--red);color:white;border-color:var(--red);transform:translateY(-2px)}

@media(max-width:900px){.brand-logo{height:46px;max-width:150px}.brand-name{display:none}}
@media(max-width:640px){[data-site-header]{top:0}.brand-logo{height:42px;max-width:135px}.footer-brand .brand-name{display:inline}.footer-brand .brand-logo{height:48px}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible,.step,.tag,.pill-nav a{opacity:1;transform:none;transition:none}}


/* ===== Brand and interaction refinements — August 2026 ===== */
/* The supplied logo is the only graphic brand mark. */
.brand-mark{display:none!important}
.brand{gap:16px}
.brand-logo{height:58px;max-width:88px;width:auto;object-fit:contain}
.footer-brand .brand-logo{height:58px;max-width:88px}
.footer-brand{align-items:center}

/* The philosophy section uses purpose-built dark cards, not generic white cards. */
.problem .principle{
  background:linear-gradient(145deg,#171719,#202022);
  border:1px solid #343438;
  border-top:2px solid var(--red2);
  color:#c9c9ce;
  box-shadow:none;
  min-height:190px;
}
.problem .principle h3{color:#fff}
.problem .principle p{color:#c9c9ce;margin-bottom:0}
.problem .principle:hover{
  background:linear-gradient(145deg,#211416,#2b171a);
  border-color:rgba(195,31,43,.72);
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
.problem .principle .icon{background:transparent;color:var(--red2);margin-bottom:12px}

/* Slower, calmer reveal: 100% longer than the original transition. */
.reveal{
  transition-duration:1.44s;
  transition-timing-function:cubic-bezier(.16,.72,.24,1);
}

@media(max-width:900px){
  .brand-logo{height:50px;max-width:76px}
  .brand-name{display:inline;font-size:.94rem}
}
@media(max-width:640px){
  .brand-logo{height:44px;max-width:68px}
  .brand-name{font-size:.88rem}
  .footer-brand .brand-logo{height:48px;max-width:72px}
}