.dj-commerce-page{--dj-ink:var(--ink,#1d1a17);--dj-muted:var(--muted,#5c5348);--dj-paper:#faf3e6;--dj-card:#fffdf8;--dj-line:rgba(29,26,23,0.13);--dj-red:var(--accent-dark,#8f3d20);--dj-red-dark:#6d2c15;--dj-green:var(--moss,#8a6516);background:radial-gradient(circle at 90% 2%,rgba(189,93,56,.07),transparent 26rem),linear-gradient(180deg,#f8f3ea 0,#fffbf4 160px,var(--dj-paper) 62%,#f5ecdb 100%);color:var(--dj-ink);min-height:80vh;padding:clamp(24px,4vw,56px) 0 80px}.dj-commerce-shell{max-width:1440px;margin:0 auto;padding-inline:56px;display:grid;grid-gap:clamp(34px,4.5vw,60px);gap:clamp(34px,4.5vw,60px);min-width:0}.dj-commerce-shell>*{min-width:0}.dj-commerce-hero{position:relative;overflow:hidden;padding:clamp(10px,2vw,26px) 0 0;color:var(--dj-ink)}.dj-commerce-hero:before{content:"";position:absolute;pointer-events:none;width:340px;height:340px;right:-60px;top:-110px;border:1px solid rgba(154,111,27,.22);border-radius:50%;box-shadow:0 0 0 48px rgba(154,111,27,.05),0 0 0 96px rgba(154,111,27,.035)}.dj-commerce-hero-copy,.dj-commerce-proof{position:relative;z-index:1}.dj-commerce-kicker{display:inline-flex;align-items:center;gap:14px;margin:0 0 14px;color:var(--accent-dark,#8f3d20);font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;line-height:1.35}.dj-commerce-kicker:before,.dj-value-section .dj-commerce-kicker:after{content:"";width:44px;height:1px;background:currentColor;opacity:.6}.dj-commerce-hero h1{margin:0;max-width:780px;font-family:var(--font-serif,serif);font-size:clamp(2.4rem,4.4vw,3.8rem);font-weight:700;letter-spacing:.045em;line-height:1.22}.dj-commerce-lede{margin:24px 0 0;max-width:660px;color:var(--ink-soft,rgba(29,26,23,.72));font-size:clamp(1rem,1.5vw,1.17rem);line-height:1.8}.dj-card-footer,.dj-commerce-actions,.dj-entry-actions,.dj-member-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dj-commerce-actions{margin-top:30px}.dj-commerce-page .dj-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-weight:760;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.dj-commerce-page .dj-btn:hover{transform:translateY(-1px)}.dj-commerce-page .dj-btn.primary{color:#fff8ef;background:linear-gradient(135deg,var(--accent-fill,#b04f2c),var(--accent-dark,#8f3d20));border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,248,239,.25)}.dj-commerce-page .dj-btn.ghost{color:var(--accent-dark,#8f3d20);background:rgba(255,253,248,.7);border:1px solid rgba(143,61,32,.32)}.dj-commerce-hero .dj-btn.ghost{color:var(--dj-ink);background:rgba(255,250,242,.6);border-color:rgba(29,26,23,.25)}.dj-entry-panel.member .dj-btn.ghost{color:var(--dj-ink);background:rgba(255,250,242,.6);border:1px solid rgba(29,26,23,.25)}.dj-commerce-proof{display:flex;flex-wrap:wrap;gap:16px 56px;margin-top:clamp(28px,4vw,44px);padding:22px 2px 6px;border-top:1px solid rgba(29,26,23,.12)}.dj-commerce-proof:before{content:"";position:absolute;top:-1px;left:0;width:240px;height:2px;background:linear-gradient(90deg,var(--dj-red),var(--gold,#c79231) 62%,transparent)}.dj-proof-metric{display:flex;align-items:baseline;gap:10px}.dj-proof-metric strong{font-family:var(--font-serif,serif);font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1}.dj-proof-metric span{color:var(--dj-muted);font-size:.78rem;line-height:1.45}.dj-entry-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);grid-gap:28px;gap:28px;align-items:center;padding:clamp(24px,4vw,42px);border-radius:14px;border:1px solid rgba(154,111,27,.42);background:rgba(255,253,248,.65)}.dj-entry-panel.member{position:relative;overflow:hidden;color:var(--dj-ink);background:rgba(255,253,248,.65);border-color:rgba(154,111,27,.42)}.dj-entry-panel.member:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#c14e2d,#9c3517)}.dj-entry-skeleton span{display:block;height:14px;margin:10px 0;border-radius:999px;background:linear-gradient(90deg,#efe7d8 25%,#faf4e8 50%,#efe7d8 75%);background-size:200% 100%;animation:dj-skeleton 1.3s linear infinite}.dj-entry-skeleton span:first-child{width:34%}.dj-entry-skeleton span:nth-child(2){width:72%;height:26px}.dj-entry-skeleton span:nth-child(3){width:58%}.dj-entry-skeleton>div:last-child span{width:100%;height:44px}.dj-member-state{min-height:150px}.dj-checkpoint-inbox{padding:clamp(22px,3vw,32px);border:1px solid color-mix(in srgb,var(--dj-red) 26%,var(--dj-line));border-radius:14px;background:linear-gradient(145deg,#fffaf2,#fffdf8 62%);box-shadow:0 12px 34px rgba(92,52,32,.06)}.dj-checkpoint-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dj-checkpoint-heading h2{margin:0;font-family:var(--font-serif,serif);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25}.dj-checkpoint-heading p:not(.dj-commerce-kicker){max-width:720px;margin:8px 0 0;color:var(--dj-muted);line-height:1.65}.dj-checkpoint-list{display:grid;grid-gap:10px;gap:10px;margin:20px 0 0;padding:0;list-style:none}.dj-checkpoint-list li{padding:15px 16px;border:1px solid var(--dj-line);border-left:4px solid #b8ad9b;border-radius:14px;background:rgba(255,255,255,.86)}.dj-checkpoint-list li.state-active{border-left-color:var(--dj-green)}.dj-checkpoint-list li.state-due{border-left-color:var(--dj-red)}.dj-checkpoint-list li.state-upcoming{border-left-color:#c18b34}.dj-checkpoint-list li.state-expired{opacity:.72}.dj-checkpoint-main,.dj-checkpoint-state-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.dj-checkpoint-state-line{justify-content:flex-start;margin-bottom:8px;color:var(--dj-muted);font-size:.76rem}.dj-checkpoint-state{padding:4px 8px;border-radius:999px;color:#6e2c1c;background:#f6e6d8;font-weight:700}.dj-checkpoint-main>div{display:grid;grid-gap:4px;gap:4px}.dj-checkpoint-main strong{font-size:.94rem}.dj-checkpoint-main small{color:var(--dj-muted)}.dj-checkpoint-main .dj-btn{min-height:38px;padding:8px 13px;font-size:.76rem;white-space:nowrap}.dj-entry-panel h2,.dj-section-heading h2,.dj-value-section>h2{margin:0;font-family:var(--font-serif,serif);font-size:clamp(1.75rem,3vw,2.7rem);letter-spacing:.05em;line-height:1.2}.dj-activity-commercial h2,.dj-checkpoint-heading h2,.dj-section-heading h2,.dj-value-section>h2{display:flex;align-items:center;gap:13px}.dj-value-section>h2{justify-content:center}.dj-activity-commercial h2:before,.dj-checkpoint-heading h2:before,.dj-section-heading h2:before,.dj-value-section>h2:before{content:"";width:8px;height:8px;flex:none;transform:rotate(45deg);background:var(--accent-dark,#8f3d20)}.dj-value-section>p:not(.dj-commerce-kicker){max-width:640px;margin:12px auto 0;color:var(--dj-muted);line-height:1.75}.dj-entry-panel p:not(.dj-commerce-kicker),.dj-section-heading p:not(.dj-commerce-kicker){margin:10px 0 0;color:var(--dj-muted);line-height:1.75}.dj-entry-panel.member p:not(.dj-commerce-kicker){color:var(--dj-muted)}.dj-entry-actions{justify-content:flex-end}.dj-member-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dj-member-facts span{padding:7px 11px;border:1px solid rgba(143,61,32,.28);border-radius:999px;background:rgba(189,93,56,.07);color:var(--dj-ink);font-size:.8rem}.dj-member-facts span b{color:var(--accent-dark,#8f3d20)}.dj-member-progress{padding:20px;border:1px solid rgba(154,111,27,.35);border-radius:12px;background:rgba(255,253,248,.8)}.dj-goal-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:.8rem}.dj-goal-line strong{font-size:1.2rem;color:var(--accent-dark,#8f3d20)}.dj-card-progress,.dj-goal-track{overflow:hidden;height:7px;margin-top:10px;border-radius:999px;background:rgba(29,26,23,.1)}.dj-card-progress span,.dj-goal-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-fill,#b04f2c),var(--accent-dark,#8f3d20))}.dj-goal-choices{display:flex;gap:7px;margin:14px 0 18px}.dj-family-tabs button,.dj-goal-choices button{min-height:44px;border-radius:999px;cursor:pointer}.dj-goal-choices button{padding:7px 11px;color:var(--dj-muted);border:1px solid var(--dj-line);background:rgba(255,253,248,.6);font-size:.76rem}.dj-goal-choices button.active{color:#fff4e8;background:linear-gradient(160deg,#c14e2d,#9c3517);border-color:transparent}.dj-library{scroll-margin-top:90px}.dj-section-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end}.dj-section-heading>div{max-width:760px}.dj-section-heading.compact{align-items:start}.dj-count-badge{flex:none;padding:7px 13px;border-radius:999px;border:1px solid rgba(154,111,27,.35);background:transparent;color:#8a6516;font-size:.76rem;font-weight:720;letter-spacing:.08em}.dj-family-tabs{display:flex;gap:8px;overflow-x:auto;margin:24px 0;padding:2px 0 7px;scrollbar-width:thin}.dj-family-tabs button{flex:none;padding:9px 16px;color:var(--dj-muted);border:1px solid var(--dj-line);background:rgba(255,253,248,.6);font-size:.83rem;font-weight:720}.dj-family-tabs button.active{color:#fff4e8;border-color:transparent;background:linear-gradient(160deg,#c14e2d,#9c3517)}.dj-library-state{margin:16px 0;padding:12px 15px;border-radius:12px;color:var(--dj-muted);background:rgba(255,255,255,.58)}.dj-library-state.warning{color:#7a3c25;background:#f5e4d9}.dj-exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.dj-commercial-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:22px;border:1px solid rgba(29,26,23,.1);border-radius:10px;background:linear-gradient(180deg,#fffdf8,#fcf6ea);box-shadow:0 10px 28px rgba(63,44,27,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dj-commercial-card:hover{transform:translateY(-3px);border-color:rgba(189,93,56,.35);box-shadow:0 18px 38px rgba(63,44,27,.1)}.dj-commercial-card.highlighted{border-color:rgba(189,93,56,.45);box-shadow:inset 0 3px 0 var(--dj-red),0 12px 32px rgba(63,44,27,.08)}.dj-commercial-card.blocked{border-color:rgba(112,101,83,.24);background:#f8f6f1}.dj-card-footer,.dj-card-title-row,.dj-card-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.dj-family-mark,.dj-live-mark{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;font-size:.67rem;font-weight:800;letter-spacing:.035em}.dj-live-mark.blocked{color:var(--dj-muted);border-color:rgba(92,83,72,.3);background:#f2ecdf}.dj-family-mark{padding:4px 9px;color:#8f3d20;background:rgba(189,93,56,.11)}.dj-family-mark.career{color:#6b4824;background:#f1e7d4}.dj-family-mark.qualification{color:#3f4f71;background:#e3e8f2}.dj-family-mark.life{color:#74442e;background:#f1e1d8}.dj-live-mark{padding:4px 8px;color:#8a6516;border:1px solid rgba(154,111,27,.35);background:transparent}.dj-card-title-row{align-items:flex-start;margin-top:20px}.dj-commercial-card h3{margin:0;font-family:var(--font-serif,serif);font-size:1.25rem;line-height:1.3}.dj-card-subtitle{margin:6px 0 0;color:var(--dj-muted);font-size:.76rem;line-height:1.45}.dj-card-art{flex:none;object-fit:contain;filter:saturate(.8)}.dj-card-description{display:-webkit-box;overflow:hidden;min-height:5.1em;margin:16px 0 0;color:var(--dj-muted);font-size:.82rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dj-card-availability{margin:10px 0 0;color:var(--dj-muted);font-size:.76rem;line-height:1.55}.dj-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden;margin:20px 0 0;border:1px solid var(--dj-line);border-radius:8px;background:var(--dj-line)}.dj-card-metrics>div{min-width:0;padding:10px;background:#faf4e8}.dj-card-metrics dt{overflow:hidden;color:var(--dj-muted);font-size:.64rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dj-card-metrics dd{margin:5px 0 0;font-size:1rem;font-weight:800}.dj-card-progress{height:5px;margin-top:14px;background:#e6e0d7}.dj-card-progress span{background:var(--dj-red)}.dj-card-footer{margin-top:auto;padding-top:20px}.dj-card-footer .dj-btn{min-height:44px;padding-inline:14px;font-size:.875rem}.dj-card-review{color:var(--dj-muted);font-size:.75rem}.dj-roadmap{padding:clamp(26px,4vw,46px);border:1px solid rgba(154,111,27,.35);border-radius:14px;background:rgba(255,253,250,.7)}.dj-roadmap-grid,.dj-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));grid-gap:12px;gap:12px;margin-top:24px}.dj-roadmap-item{min-height:118px;display:flex;flex-direction:column;gap:10px;padding:16px 17px;border:1px solid var(--dj-line);border-radius:10px;color:var(--dj-ink);background:rgba(255,253,248,.8)}.dj-roadmap-item strong{line-height:1.5;font-size:.9rem}.dj-roadmap-index{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#fff4e8;background:linear-gradient(160deg,#c14e2d,#9c3517);font-family:var(--font-mono,monospace);font-size:.66rem;font-weight:720;letter-spacing:.04em}.dj-roadmap-item>span:last-child{margin-top:auto;width:-moz-fit-content;width:fit-content;padding:2px 9px;border:1px solid rgba(154,111,27,.35);border-radius:999px;color:#8a6516;font-size:.66rem;font-weight:600;letter-spacing:.08em}.dj-value-section{text-align:center}.dj-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}.dj-value-grid article{padding:22px 24px;border-top:1px solid rgba(154,111,27,.5);background:rgba(255,253,248,.6)}.dj-value-grid article>span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border-radius:7px;color:#fff4e8;background:linear-gradient(160deg,#c14e2d,#9c3517);font-size:.68rem;font-weight:720;letter-spacing:.06em}.dj-value-grid h3{margin:14px 0 0;font-family:var(--font-serif,serif);font-size:1.1rem}.dj-value-grid p{margin:9px 0 0;color:var(--dj-muted);font-size:.82rem;line-height:1.7}.dj-activity-commercial{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,.65fr);grid-gap:24px;gap:24px;align-items:center;padding:24px;border-top:1px solid var(--dj-line)}.dj-activity-commercial h2{margin:0;font-family:var(--font-serif,serif)}.dj-activity-commercial p:not(.dj-commerce-kicker){margin:7px 0 0;color:var(--dj-muted);font-size:.8rem}.dj-activity-mini{display:grid;grid-template-columns:repeat(28,minmax(5px,1fr));grid-gap:4px;gap:4px}.dj-activity-mini span{aspect-ratio:1;min-width:5px;border-radius:3px;background:var(--accent-dark,#8f3d20)}.dj-commerce-page :is(button,a):focus-visible{outline:3px solid #d09b5e;outline-offset:3px}@media (max-width:960px){.dj-commerce-shell{padding-inline:var(--page-pad,32px)}.dj-entry-panel{grid-template-columns:1fr}.dj-commerce-proof{gap:14px 32px}.dj-entry-actions{justify-content:flex-start}.dj-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dj-commerce-page{padding-top:14px}.dj-commerce-shell{padding-inline:var(--page-pad-phone,16px);gap:30px}.dj-commerce-hero{padding-top:8px}.dj-commerce-hero h1{font-size:clamp(2.3rem,11vw,3rem)}.dj-commerce-proof{flex-direction:column;gap:12px;padding-top:18px}.dj-entry-panel,.dj-roadmap{padding:22px;border-radius:12px}.dj-section-heading{display:grid;align-items:start}.dj-checkpoint-heading,.dj-checkpoint-main{align-items:flex-start}.dj-checkpoint-main{flex-direction:column}.dj-count-badge{justify-self:start}.dj-family-tabs{margin-inline:-12px;padding-inline:12px}.dj-activity-commercial,.dj-exam-grid,.dj-roadmap-grid,.dj-value-grid{grid-template-columns:1fr}.dj-commercial-card{padding:19px}.dj-card-description{min-height:0}.dj-card-footer{align-items:center}.dj-card-footer .dj-btn{min-height:44px}.dj-activity-commercial{padding-inline:0}.dj-activity-mini{grid-template-columns:repeat(21,minmax(6px,1fr))}}@media (prefers-reduced-motion:reduce){.dj-commerce-page .dj-btn,.dj-commercial-card{transition:none}}@keyframes dj-skeleton{to{background-position:-200% 0}}