/* LE:SA identity page: professional card layout */
:root { --ij-ink:#24221f; --ij-muted:#67635c; --ij-paper:#fbf8f2; --ij-card:#fffdf9; --ij-line:#e6ded1; --ij-accent:#96713c; --ij-accent-dark:#6e5129; }
body { color:var(--ij-ink); }
.hero { background: radial-gradient(circle at 82% 18%,rgba(198,163,105,.28),transparent 32%),linear-gradient(125deg,#f5eee2,#fcfaf6 60%,#eee4d5); }
.hero .hero-inner { max-width:1120px; }
.hero .eyebrow { letter-spacing:.16em; font-size:.76rem; font-weight:750; color:var(--ij-accent-dark); }
.hero h1 { max-width:900px; line-height:1.06; letter-spacing:-.035em; }
.hero p { max-width:760px; font-size:1.08rem; line-height:1.75; color:#5e574c; }
main .container { max-width:1180px; }
main .narrow { max-width:1180px; }
.container.narrow > h2, .container.narrow > p { max-width:920px; }
.section-title { margin-bottom:1.25rem; }
.grid { gap:1.1rem; }
.card { border:1px solid var(--ij-line); border-radius:18px; background:var(--ij-card); padding:1.5rem; box-shadow:0 8px 26px rgba(53,39,18,.045); }
.card h3 { margin-top:.65rem; }
.ij-mini-icon { display:inline-flex; width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#f0e6d5;color:var(--ij-accent-dark);font-size:1.35rem;font-weight:700; }
.ij-intro { margin:3rem 0 1.4rem; padding:clamp(1.4rem,3vw,2.3rem); border-radius:22px; background:linear-gradient(135deg,#272720,#39372e); color:#fffaf1; }
.ij-intro h2 { color:#fffaf1; font-size:clamp(1.7rem,3vw,2.35rem); margin:.4rem 0 .8rem; }
.ij-intro p { color:#e8dfd0; max-width:880px; line-height:1.8; }
.ij-kicker { letter-spacing:.16em; text-transform:uppercase; font-size:.75rem; font-weight:800; color:#c6a56e !important; }
.ij-journey { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; margin:1.3rem 0 3.2rem; }
.ij-step { position:relative; min-width:0; padding:1.25rem; border:1px solid var(--ij-line); border-radius:20px; background:var(--ij-card); box-shadow:0 10px 28px rgba(53,39,18,.055); overflow:hidden; }
.ij-step:before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#b28c51,#e2d2b6); }
.ij-step-final { background:#f5efe4; border-color:#d8c5a5; }
.ij-step-icon,.ij-icon-wrap { display:flex; align-items:center; justify-content:center; width:48px;height:48px; border-radius:15px; background:#f1e7d7; color:var(--ij-accent-dark); margin-bottom:.9rem; }
.ij-icon { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.ij-num { display:block; font-size:.7rem; font-weight:800; letter-spacing:.14em; color:var(--ij-accent); margin-bottom:.35rem; }
.ij-label { font-size:.66rem; letter-spacing:.1em; font-weight:800; color:#8c7654; line-height:1.5; }
.ij-step h3 { font-size:1.28rem; margin:.35rem 0 .55rem; }
.ij-step p:not(.ij-label) { color:var(--ij-muted); font-size:.9rem; line-height:1.65; }
.ij-outcome { display:block; margin-top:.9rem; padding-top:.75rem; border-top:1px solid var(--ij-line); font-size:.78rem; font-weight:750; line-height:1.5; color:#51432e; }
.ij-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem; margin-bottom:3rem; }
.ij-detail { scroll-margin-top:100px; padding:clamp(1.35rem,2.8vw,2rem); border:1px solid var(--ij-line); border-radius:22px; background:var(--ij-card); box-shadow:0 12px 32px rgba(53,39,18,.05); }
.ij-detail .ij-icon-wrap { margin-bottom:1rem; }
.ij-detail h2 { font-size:clamp(1.45rem,2.4vw,1.85rem); margin:.25rem 0 .8rem; }
.ij-detail h3 { font-size:1.02rem; margin:1.35rem 0 .5rem; }
.ij-detail p,.ij-detail li { color:#565149; line-height:1.75; }
.ij-detail ul { padding-left:1.2rem; }
.ij-detail li { padding-left:.2rem; margin:.3rem 0; }
.ij-tag { font-size:.72rem; font-weight:800; letter-spacing:.12em; color:var(--ij-accent-dark); }
.ij-note { padding:1rem 1.1rem; border-left:3px solid #b28c51; border-radius:0 12px 12px 0; background:#f6f0e6; font-size:.91rem; }
.ij-why { margin:2.8rem 0; padding:clamp(1.5rem,3vw,2.4rem); border-radius:22px; background:#f3eee5; }
.ij-why h2,.ij-membership h2,.ij-next h2 { font-size:clamp(1.7rem,3vw,2.3rem); margin:.35rem 0 .8rem; }
.ij-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.4rem; }
.ij-three > div { padding:1.25rem; border-radius:16px; background:rgba(255,255,255,.75); border:1px solid #e6ded1; }
.ij-three h3 { margin:.1rem 0 .5rem; }
.ij-three p { color:var(--ij-muted); line-height:1.7; }
.ij-membership { margin:3rem 0; }
.ij-membership-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
.ij-membership-grid > div { padding:clamp(1.25rem,2.8vw,2rem); border:1px solid var(--ij-line); border-radius:20px; background:var(--ij-card); }
.ij-membership-grid > div:first-child { border-top:4px solid #9b7a47; }
.ij-membership-grid > div:last-child { background:#f8f4ed; }
.ij-membership-grid li { line-height:1.7; margin:.35rem 0; color:#565149; }
.ij-next { margin:3rem 0 2rem; padding:clamp(1.5rem,3vw,2.5rem); border-radius:22px; background:linear-gradient(125deg,#272720,#39372e); color:#fffaf1; }
.ij-next h2 { color:#fffaf1; }
.ij-next > p:not(.ij-kicker) { color:#e8dfd0; line-height:1.8; max-width:850px; }
.ij-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.4rem; }
.ij-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.8rem 1.1rem; border-radius:999px; text-decoration:none; font-weight:750; transition:transform .2s ease,background .2s ease; }
.ij-button:hover { transform:translateY(-2px); }
.ij-primary { background:#d8bd8e; color:#272720; }
.ij-secondary { border:1px solid #93866e; color:#fffaf1; }
.ij-sources { padding:1.5rem 0 2.5rem; border-top:1px solid var(--ij-line); }
.ij-sources li { margin:.45rem 0; }
@media (max-width:1000px) { .ij-journey { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .ij-journey,.ij-detail-grid,.ij-three,.ij-membership-grid { grid-template-columns:1fr; } .ij-step { padding:1.25rem; } .hero h1 { font-size:clamp(2rem,9vw,3.2rem); } .ij-actions { align-items:stretch; flex-direction:column; } .ij-button { width:100%; box-sizing:border-box; } }
@media (prefers-reduced-motion:reduce) { .ij-button { transition:none; } .ij-button:hover { transform:none; } }