/* Competitive platform capability layer
   Journey orchestration, reusable learning design, project exchange and credentials. */

.competitive-screen{position:relative}
.competitive-screen .section-header{align-items:flex-start}
.competitive-intro-strip{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.55fr));gap:1px;margin:0 0 20px;border:1px solid #deded7;border-radius:22px;overflow:hidden;background:#deded7}
.competitive-intro-strip>article{min-height:118px;padding:20px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
.competitive-intro-strip>article:first-child{background:radial-gradient(circle at 86% 20%,rgba(255,212,0,.17),transparent 35%),#090909;color:#fff}
.competitive-intro-strip span{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:#827000}
.competitive-intro-strip>article:first-child span{color:#ffd400}
.competitive-intro-strip strong{font-size:1.12rem;letter-spacing:-.025em}
.competitive-intro-strip small{color:#75756f;line-height:1.5}
.competitive-intro-strip>article:first-child small{color:#b6b6af}

.journey-grid,.studio-grid,.exchange-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:20px;margin-bottom:20px}
.journey-panel,.studio-panel,.exchange-panel{position:relative;overflow:hidden}
.journey-progress-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.journey-progress-head>div:first-child span,.journey-progress-head>div:first-child strong{display:block}
.journey-progress-head>div:first-child span{font-size:.65rem;color:#787871;text-transform:uppercase;letter-spacing:.1em;font-weight:850}
.journey-progress-head>div:first-child strong{font-size:1.5rem;margin-top:3px}
.journey-score{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffd400 var(--journey-score,66%),#ecece7 0);position:relative}
.journey-score:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.journey-score strong{position:relative;z-index:1;font-size:1rem}
.journey-checklist{display:grid;gap:9px}
.journey-task{width:100%;border:1px solid #e3e3dc;border-radius:14px;background:#fff;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;transition:.18s}
.journey-task:hover{border-color:#c8ae00;transform:translateY(-1px)}
.journey-task>i{width:32px;height:32px;border-radius:10px;background:#f0f0eb;color:#6f6f68;display:grid;place-items:center;font-style:normal;font-weight:900}
.journey-task strong,.journey-task small{display:block}.journey-task strong{font-size:.76rem}.journey-task small{font-size:.62rem;color:#777;margin-top:3px}
.journey-task b{font-size:.61rem;color:#6b6b64;background:#f2f2ed;border-radius:999px;padding:5px 8px}
.journey-task.complete{background:#effaf4;border-color:#a8dec0}.journey-task.complete>i{background:#18a05e;color:#fff}.journey-task.complete b{color:#0b6b3f;background:#dff4e8}
.journey-task.current{background:#fff9d7;border-color:#e5c400}.journey-task.current>i{background:#ffd400;color:#111}.journey-task.current b{background:#111;color:#ffd400}

.timeline-stack{display:grid;gap:12px;margin-top:14px}.timeline-item{display:grid;grid-template-columns:48px 1fr;gap:12px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:23px;top:44px;bottom:-14px;width:1px;background:#deded7}.timeline-date{width:48px;height:48px;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center;text-align:center}.timeline-date b,.timeline-date span{display:block}.timeline-date b{font-size:.82rem}.timeline-date span{font-size:.52rem;color:#ffd400;text-transform:uppercase}.timeline-copy{padding:4px 0}.timeline-copy strong,.timeline-copy small{display:block}.timeline-copy strong{font-size:.75rem}.timeline-copy small{font-size:.62rem;color:#777;margin-top:4px;line-height:1.5}

.pulse-check{background:linear-gradient(145deg,#090909,#1b1b18);color:#fff}.pulse-check p{color:#babbb4}.pulse-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0}.pulse-option{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:12px;padding:10px 4px;color:#fff;display:grid;place-items:center;gap:5px;transition:.17s}.pulse-option span{font-size:1.15rem}.pulse-option small{font-size:.54rem;color:#a5a69f}.pulse-option:hover,.pulse-option.active{background:#ffd400;color:#111;border-color:#ffd400}.pulse-option.active small,.pulse-option:hover small{color:#3d3500}

.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-card{border:1px solid #e1e1da;border-radius:15px;padding:15px;background:#fff;min-height:150px;display:flex;flex-direction:column}.resource-card>span{width:34px;height:34px;border-radius:10px;background:#111;color:#ffd400;display:grid;place-items:center;font-size:.68rem;font-weight:900}.resource-card strong{font-size:.75rem;margin-top:16px}.resource-card small{color:#777;font-size:.61rem;margin-top:4px;line-height:1.45}.resource-card button{margin-top:auto;border:0;background:transparent;padding:10px 0 0;text-align:left;color:#765f00;font-weight:850;font-size:.64rem}

.template-toolbar,.exchange-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.template-filters,.exchange-filters{display:flex;gap:7px;flex-wrap:wrap}.template-filters button,.exchange-filters button{border:1px solid #deded7;background:#fff;border-radius:999px;padding:7px 11px;font-size:.62rem;font-weight:820;color:#666}.template-filters button.active,.exchange-filters button.active{background:#111;color:#ffd400;border-color:#111}
.template-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.experience-template{position:relative;border:1px solid #dfdfd8;border-radius:17px;padding:17px;background:#fff;min-height:218px;display:flex;flex-direction:column;overflow:hidden}.experience-template:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ffd400,transparent)}.template-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-meta span{font-size:.57rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#8b7500}.template-meta b{font-size:.56rem;background:#f1f1ec;border-radius:999px;padding:5px 8px;color:#666}.experience-template h3{font-size:.92rem;margin:17px 0 7px;letter-spacing:-.02em}.experience-template p{font-size:.66rem;color:#696a65;line-height:1.55;margin:0}.template-outcomes{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.template-outcomes span{font-size:.55rem;border:1px solid #dfdfd7;padding:5px 7px;border-radius:999px;color:#5f605b}.template-actions{margin-top:auto;display:flex;gap:8px}.template-actions button{flex:1;border-radius:10px;padding:9px;border:1px solid #d9d9d2;background:#fff;font-size:.62rem;font-weight:850}.template-actions button.primary{background:#111;color:#ffd400;border-color:#111}

.feedback-loop{display:grid;gap:8px}.feedback-stage{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid #e2e2dc;border-radius:13px;padding:11px;background:#fff}.feedback-stage>span{width:30px;height:30px;border-radius:9px;background:#111;color:#ffd400;display:grid;place-items:center;font-size:.6rem;font-weight:900}.feedback-stage strong,.feedback-stage small{display:block}.feedback-stage strong{font-size:.7rem}.feedback-stage small{font-size:.58rem;color:#777;margin-top:3px}.feedback-stage b{font-size:.55rem;color:#0b6b3f}

.credential-studio{display:grid;grid-template-columns:1fr 1fr;gap:13px}.credential-preview{border-radius:18px;padding:18px;background:radial-gradient(circle at 90% 10%,rgba(255,212,0,.24),transparent 35%),#0a0a0a;color:#fff;min-height:220px;position:relative;overflow:hidden}.credential-preview:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(255,212,0,.28);border-radius:50%;right:-30px;bottom:-30px}.credential-preview>span{font-size:.58rem;color:#ffd400;letter-spacing:.1em;text-transform:uppercase;font-weight:850}.credential-preview h3{font-size:1.15rem;margin:42px 0 7px}.credential-preview p{font-size:.65rem;color:#b8b8b2;max-width:260px}.credential-preview small{position:absolute;left:18px;bottom:18px;color:#8d8e88;font-size:.55rem}.credential-rules{display:grid;gap:8px}.credential-rule{border:1px solid #e2e2dc;border-radius:13px;padding:11px}.credential-rule strong,.credential-rule small{display:block}.credential-rule strong{font-size:.68rem}.credential-rule small{font-size:.57rem;color:#777;margin-top:3px}.credential-rule span{float:right;color:#0b6b3f;font-size:.56rem;font-weight:850}

.project-marketplace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{border:1px solid #dfdfd8;border-radius:18px;padding:17px;background:#fff;display:flex;flex-direction:column;min-height:250px;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(255,212,0,.16);right:-32px;top:-34px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-top span{font-size:.57rem;text-transform:uppercase;letter-spacing:.09em;color:#796500;font-weight:850}.project-top b{font-size:.54rem;padding:5px 8px;border-radius:999px;background:#eef6ff;color:#1558a6}.project-card h3{font-size:.93rem;margin:17px 0 7px}.project-card p{font-size:.65rem;color:#6e6f69;line-height:1.55;margin:0}.project-signal{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.project-signal div{border-radius:10px;background:#f4f4ef;padding:8px}.project-signal strong,.project-signal small{display:block}.project-signal strong{font-size:.68rem}.project-signal small{font-size:.52rem;color:#777}.project-card button{margin-top:auto;border:0;border-radius:11px;background:#111;color:#ffd400;padding:10px;font-size:.64rem;font-weight:850}

.mentor-grid{display:grid;gap:9px}.mentor-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e2e2dc;border-radius:14px;padding:11px}.mentor-avatar{width:42px;height:42px;border-radius:13px;background:#111;color:#ffd400;display:grid;place-items:center;font-size:.68rem;font-weight:900}.mentor-card strong,.mentor-card small{display:block}.mentor-card strong{font-size:.7rem}.mentor-card small{font-size:.57rem;color:#777;margin-top:3px}.mentor-card button{border:1px solid #deded7;background:#fff;border-radius:9px;padding:8px;font-size:.58rem;font-weight:850}
.alumni-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.alumni-stat{border:1px solid #e2e2db;border-radius:14px;padding:14px;background:#fff}.alumni-stat strong,.alumni-stat span{display:block}.alumni-stat strong{font-size:1.2rem}.alumni-stat span{font-size:.57rem;color:#777;margin-top:4px}

@media(max-width:1100px){.competitive-intro-strip{grid-template-columns:1fr 1fr}.competitive-intro-strip>article:first-child{grid-column:1/-1}.journey-grid,.studio-grid,.exchange-grid{grid-template-columns:1fr}.template-library,.project-marketplace{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.competitive-intro-strip{grid-template-columns:1fr}.competitive-intro-strip>article:first-child{grid-column:auto}.resource-cards,.template-library,.project-marketplace,.credential-studio,.alumni-strip{grid-template-columns:1fr}.pulse-options{grid-template-columns:repeat(5,minmax(42px,1fr))}.journey-task{grid-template-columns:32px minmax(0,1fr)}.journey-task b{grid-column:2}.project-signal{grid-template-columns:1fr 1fr}.competitive-screen .section-header .header-actions{width:100%}.competitive-screen .section-header .header-actions>*{flex:1}}

.capability-lane{margin-top:20px;border-radius:22px;padding:18px;background:linear-gradient(120deg,#080808,#171712);color:#fff;display:grid;grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(180px,.65fr));gap:10px;align-items:stretch;overflow:hidden;position:relative}
.capability-lane:before{content:"";position:absolute;inset:auto -80px -100px auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,212,0,.16)}
.capability-lane>div{padding:8px 12px;position:relative;z-index:1}.capability-lane h3{font-size:1.08rem;margin:6px 0 5px}.capability-lane p{font-size:.63rem;color:#aeafa8;max-width:500px;margin:0}.capability-lane button{position:relative;z-index:1;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:15px;padding:13px;text-align:left;color:#fff;transition:.17s}.capability-lane button:hover{background:#ffd400;color:#111;transform:translateY(-2px)}.capability-lane button span,.capability-lane button strong,.capability-lane button small{display:block}.capability-lane button span{font-size:.55rem;color:#ffd400;font-weight:900}.capability-lane button:hover span{color:#111}.capability-lane button strong{font-size:.7rem;margin-top:10px}.capability-lane button small{font-size:.55rem;color:#a7a8a1;margin-top:4px;line-height:1.4}.capability-lane button:hover small{color:#433a00}
@media(max-width:1100px){.capability-lane{grid-template-columns:1fr 1fr}.capability-lane>div{grid-column:1/-1}}
@media(max-width:720px){.capability-lane{grid-template-columns:1fr}.capability-lane>div{grid-column:auto}}