/* /practices/consulting-architecture/claude-ai-readiness-assessment/ : page-scoped additions.
   Shared components (.sec, .cards, .card, .steps, .faq, .chips, .pn, .btn, .sv-plat, .book) come from mach.css.
   Every class defined here is prefixed cr- so it cannot collide with another page. */

.cr-page{--cr-violet-tint:rgba(162,124,255,.14)}
.cr-page .sec-head .eyebrow{color:var(--violet);font-size:14px;font-weight:700;letter-spacing:.1em}
.cr-page .sec-head.center h2{margin-inline:auto;max-width:20ch}
.cr-page section.cr-first{padding-top:64px}

/* hero */
.cr-hero{max-width:1510px;margin:auto;padding:0 44px 38px}
.cr-hero-in{min-height:clamp(560px,40vw,640px);display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:center;gap:20px;padding-top:24px}
.cr-copy{position:relative;z-index:2;padding:20px 0 0 8px}
.cr-copy h1{max-width:600px;font-size:clamp(50px,4.3vw,62px);line-height:1.055;letter-spacing:-.045em;font-weight:650;text-wrap:balance}
.cr-copy h1 .light{font-weight:300}
.cr-lede{max-width:520px;margin-top:30px;color:#b6b6bf;font-size:clamp(18px,1.4vw,22px);font-weight:350;line-height:1.53}
.cr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.cr-actions .btn{height:54px;border-radius:13px;padding:0 27px;font-size:15px}
.cr-actions .btn-ghost{border:1px solid rgba(255,255,255,.12);background:#1c1e2a}
.cr-note{margin-top:18px;font-size:14px;color:var(--text2)}
.cr-art{display:grid;place-items:center;min-width:0;margin:0}
.cr-art svg{display:block;width:100%;max-width:700px;height:auto;filter:drop-shadow(0 40px 80px rgba(0,0,0,.5))}
.cr-orbit{transform-origin:320px 285px;animation:cr-orbit 90s linear infinite}
.cr-pulse{animation:cr-breathe 5s ease-in-out infinite}
@keyframes cr-orbit{to{transform:rotate(360deg)}}
@keyframes cr-breathe{0%,100%{opacity:.92}50%{opacity:1}}

.cr-journey-wrap{padding-top:0}
.cr-journey{max-width:1368px;margin:-6px auto 0;padding:0 8px}
.cr-line{height:12px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 5px 19px}
.cr-line::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#59616f80}
.cr-line span{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#050506;border:2px solid #3dafff;box-shadow:0 0 12px #2f6bf550}
.cr-line span:nth-child(2){border-color:#8557ff;box-shadow:0 0 12px #8557ff88}
.cr-line span:nth-child(3){border-color:#ffc16c;box-shadow:0 0 12px #ffc16c88}
.cr-journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}
.cr-journey li{min-width:0}
.cr-sn{font-size:15px;color:#a9b3c8}
.cr-sh{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-top:4px;color:var(--text)}
.cr-journey p{max-width:36ch;color:#b0b5c3;font-size:15px;line-height:1.48;margin-top:8px}

.cr-legal{max-width:78ch;margin:36px auto 0;text-align:center;font-size:12.5px;line-height:1.55;color:var(--text2)}

/* five layers */
.cr-claude-ic{display:inline-block;width:.82em;height:.82em;margin-right:.22em;vertical-align:-.08em}
.cr-page #layers .sec-head.center h2{max-width:26ch}
.cr-page #layers .sec-head h2 .light{display:block}
.cr-layers{display:grid;gap:10px}
.cr-layer{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:30px;align-items:center;padding:24px 30px 24px 34px;border-radius:var(--r-panel);background:var(--graphite);border:1px solid var(--stroke);overflow:hidden}
.cr-layer::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--lc)}
.cr-nm b{display:block;font-size:13px;font-weight:600;letter-spacing:.09em;color:var(--lc);margin-bottom:2px}
.cr-nm h3{font-size:21px;letter-spacing:-.02em}
.cr-layer .chips span{color:#d9d9df}
.cr-fail small{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text2);margin-bottom:4px}
.cr-fail p{font-size:14.5px;line-height:1.45;color:#ffd37a}
.cr-stance{max-width:860px;margin:56px auto 0;text-align:center}
.cr-stance p{font-size:clamp(22px,2.6vw,32px);line-height:1.25;letter-spacing:-.025em;font-weight:600}
.cr-stance p span{font-weight:300;color:var(--text2)}

/* scope + deliverables reuse .card */
.cr-scope .card .ic{background:var(--cr-violet-tint);color:var(--violet);font-size:16px;letter-spacing:.02em}
.cr-tagrow{display:flex;justify-content:space-between;align-items:center}
.cr-tagrow b{font-size:14px;font-weight:500;color:var(--violet);letter-spacing:.06em}
.cr-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--cr-violet-tint);color:#c7b7ff}
.cr-steps .step .num{color:var(--violet)}
.cr-steps .cr-hl{background:linear-gradient(160deg,rgba(47,107,245,.16),rgba(162,124,255,.1) 60%,transparent),var(--graphite);border-color:rgba(111,176,255,.35);box-shadow:0 0 60px rgba(47,107,245,.14)}
.cr-steps .cr-hl .num{color:var(--text)}

/* self-check */
.cr-check{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr);gap:18px;align-items:stretch}
.cr-qs{border-radius:var(--r-panel);background:var(--graphite);border:1px solid var(--stroke);padding:8px 28px}
.cr-q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--stroke)}
.cr-q:last-child{border-bottom:0}
.cr-area{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--violet);font-weight:600;margin-bottom:3px}
.cr-q p{font-size:16px;line-height:1.4;color:#e8e8ec}
.cr-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--fill);border:1px solid var(--stroke)}
.cr-seg button{height:34px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--text2);font:inherit;font-size:14px;cursor:pointer;transition:.18s;white-space:nowrap}
.cr-seg button:hover{color:var(--text)}
.cr-seg button[aria-checked=true]{background:var(--violet);color:#150f26;font-weight:600}
.cr-check-note{margin-top:14px;font-size:13px;color:var(--text2)}
.cr-score{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 28px;border-radius:var(--r-panel);border:1px solid #7958c2;background:linear-gradient(145deg,#201a31,#14151d 68%)}
.cr-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a6a6b0;font-weight:700}
.cr-ring{position:relative;width:168px;height:168px;margin:18px 0 14px}
.cr-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.cr-ring circle{fill:none;stroke-width:10;stroke-linecap:round}
.cr-ring .tr{stroke:rgba(255,255,255,.09)}
.cr-ring .pg{stroke:var(--violet);transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1),stroke .3s;filter:drop-shadow(0 0 8px rgba(162,124,255,.55))}
.cr-num{position:absolute;inset:0;display:grid;place-content:center;font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1}
.cr-num small{display:block;font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--text2);text-transform:uppercase;margin-top:4px}
.cr-score h3{font-size:24px;margin-bottom:8px}
.cr-v{color:#c7b7ff;font-size:15.5px;line-height:1.45;max-width:30ch}
.cr-start{margin-top:14px;padding-top:14px;border-top:1px solid var(--stroke);width:100%;font-size:14px;color:var(--text2)}
.cr-start b{color:var(--text);font-weight:600}
.cr-score .btn{margin-top:18px;width:100%}

@media(max-width:1180px){
 .cr-hero{padding-inline:24px}
 .cr-copy h1{font-size:clamp(45px,4.6vw,58px)}
}
@media(max-width:1060px){
 .cr-layer{grid-template-columns:1fr;gap:14px;padding:22px 24px 22px 30px}
 .cr-check{grid-template-columns:1fr}
 .cr-score{position:static}
}
@media(max-width:950px){
 .cr-hero-in{grid-template-columns:1fr;min-height:0;padding-top:50px}
 .cr-copy{padding:0 4px}
 .cr-art{width:min(100%,640px);margin:25px auto 0}
 .cr-journey{margin-top:10px}
}
@media(max-width:700px){
 .cr-page section.cr-first{padding-top:40px}
 .cr-hero{padding:0 20px 44px}
 .cr-hero-in{padding-top:38px}
 .cr-copy h1{font-size:clamp(36px,9.6vw,44px);letter-spacing:-.055em}
 .cr-lede{margin-top:24px;font-size:17px;line-height:1.5}
 .cr-actions{margin-top:25px;gap:10px}
 .cr-actions .btn{height:49px;font-size:14px;padding:0 18px}
 .cr-line{display:none}
 .cr-journey ol{grid-template-columns:1fr;gap:0;border-top:1px solid #ffffff25}
 .cr-journey li{padding:18px 0;border-bottom:1px solid #ffffff25}
 .cr-sh{font-size:20px}
 .cr-journey p{font-size:14px;margin-top:4px}
 .cr-q{grid-template-columns:1fr;gap:12px}
 .cr-qs{padding:6px 20px}
 .cr-seg{width:100%}
 .cr-seg button{flex:1;padding:0 6px}
}
@media(prefers-reduced-motion:reduce){.cr-orbit,.cr-pulse{animation:none}}