/* N07 AI Readiness Assessment — decision scorecard */
.page-ra main>section{overflow-x:clip}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p3)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--mut);margin-bottom:22px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}
:root{--gG:#1c9d61;--gGb:#e6f7ee;--aA:#c97a00;--aAb:#fff4e0;--rR:#d9435f;--rRb:#fdecef}
.il{color:var(--p3);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* hero */
.ra-hero{position:relative;padding:60px 0 0;background:linear-gradient(rgba(127,66,244,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(127,66,244,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(180deg,#fff,var(--lav2));overflow:hidden}
.ra-hin{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:end}
.ra-hin>*{min-width:0}
.ra-copy{padding-bottom:90px}
.ra-h1{font-size:clamp(32px,3.6vw,52px);margin:18px 0 22px}
.pd{position:relative;display:inline-block;padding:0 .12em}
.pd:before{content:"";position:absolute;inset:.1em -.04em -.02em;border:3px solid var(--gG);border-radius:.4em;clip-path:inset(0 100% 0 0);animation:pdDraw .8s var(--ease) 1.2s forwards}
.pd:after{content:"";position:absolute;right:-.5em;top:-.3em;width:.7em;height:.7em;border-radius:50%;background:var(--gG) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/70% no-repeat;transform:scale(0);animation:pdPop .4s cubic-bezier(.3,1.6,.5,1) 1.9s forwards}
@keyframes pdDraw{to{clip-path:inset(0 0 0 0)}}
@keyframes pdPop{to{transform:scale(1)}}
.ra-vis{position:relative;min-height:620px;display:flex;justify-content:flex-end;align-items:flex-end}
.ra-eagle{position:relative;width:auto;height:590px;max-width:88%;object-fit:contain}
.dec3{position:absolute;left:-10px;top:40px;z-index:2;display:flex;flex-direction:column;gap:8px;width:236px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 44px rgba(80,60,140,.18);opacity:0;animation:fadeUp .6s var(--ease) 1s forwards}
.o3{position:relative;padding:9px 12px 9px 32px;border-radius:10px;font-weight:800;font-size:14px;background:#f5f3f9;color:#9d99b0;transition:.35s}
.o3:before{content:"";position:absolute;left:12px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:#d7d2e4;transition:.35s}
.dec3 .og{animation:o3G 6s 1.6s infinite}.dec3 .oa{animation:o3A 6s 1.6s infinite}.dec3 .orr{animation:o3R 6s 1.6s infinite}
@keyframes o3G{0%,30%{background:var(--gGb);color:var(--gG)}34%,100%{background:#f5f3f9;color:#9d99b0}}
@keyframes o3A{0%,32%{background:#f5f3f9;color:#9d99b0}34%,64%{background:var(--aAb);color:var(--aA)}67%,100%{background:#f5f3f9;color:#9d99b0}}
@keyframes o3R{0%,65%{background:#f5f3f9;color:#9d99b0}67%,98%{background:var(--rRb);color:var(--rR)}100%{background:#f5f3f9;color:#9d99b0}}
.og:before{background:var(--gG)}.oa:before{background:#f0a020}.orr:before{background:var(--rR)}

/* problem */
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pb-grid>*{min-width:0}
.nomp{margin-top:16px;padding:14px 16px;border-left:3px solid var(--rR);background:var(--rRb);border-radius:0 12px 12px 0;font-weight:700;color:#7a1f33}
.pform{padding:26px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px rgba(60,40,120,.12);background-image:linear-gradient(90deg,transparent 38px,rgba(217,67,95,.25) 38px 39px,transparent 39px)}
.pform>.mono{display:block;padding-left:26px;margin-bottom:10px}
.pf{position:relative;padding:14px 0 10px 26px}
.pf span{display:block;font-weight:700;font-size:15px;margin-bottom:12px}
.pf i{display:block;height:2px;background:#e6e0f0;position:relative;overflow:hidden}
.pf i:after{content:"";position:absolute;inset:0;background:var(--p);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease);transition-delay:calc(.3s + var(--k)*.25s)}
.pform.vis .pf i:after{transform:scaleX(1)}
.pf.tool{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:14px;border-top:1px dashed var(--line)}
.pf.tool span{margin:0;color:var(--mut)}
.pf.tool em{font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:9px;background:var(--aAb);color:var(--aA)}

/* readiness check */
.ck-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}
.chk{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
.chk>*{min-width:0}
.dims{display:grid;gap:10px}
.rdim{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.dm-t b{font-size:16px}.dm-t p{margin:2px 0 0;font-size:13.5px;color:var(--mut)}
.seg{display:flex;padding:3px;border-radius:12px;background:#f3f0f8}
.seg button{padding:8px 11px;border:0;border-radius:9px;background:none;font:inherit;font-size:12.5px;font-weight:800;color:var(--mut);cursor:pointer;white-space:nowrap;transition:.2s}
.seg button[aria-checked="true"][data-v="2"]{background:var(--gG);color:#fff}
.seg button[aria-checked="true"][data-v="1"]{background:#f0a020;color:#fff}
.seg button[aria-checked="true"][data-v="0"]{background:var(--rR);color:#fff}
.rside{position:sticky;top:100px;padding:20px;border-radius:22px;background:var(--ink);color:#fff}
.radar{display:block;width:100%;max-width:300px;margin:0 auto;overflow:visible}
.rgrid polygon{fill:none;stroke:rgba(255,255,255,.14)}
.axes line{stroke:rgba(255,255,255,.12)}
.radar text{fill:#b5afd3;font:600 9.5px Inter,sans-serif}
.shape{fill:rgba(240,160,32,.3);stroke:#f0a020;stroke-width:2.5;stroke-linejoin:round;transition:fill .4s,stroke .4s}
.rside.g .shape{fill:rgba(79,209,151,.3);stroke:#4fd197}
.rside.r .shape{fill:rgba(217,67,95,.3);stroke:#ff7a8f}
.verdict2{margin-top:14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06)}
.verdict2 .mono{color:#c9b3ff}
.vd{display:inline-block;margin:6px 0;padding:5px 12px;border-radius:10px;font-size:15px;background:rgba(240,160,32,.2);color:#ffc15a}
.rside.g .vd{background:rgba(79,209,151,.2);color:#6fe0ae}
.rside.r .vd{background:rgba(217,67,95,.22);color:#ff9fb1}
.vp{margin:0;font-size:14px;color:#d8d3ee}
.vd.bump{animation:vdB .4s cubic-bezier(.3,1.6,.5,1)}
@keyframes vdB{from{transform:scale(.8)}}

/* alternatives */
.al-head{max-width:760px;margin-bottom:28px}
.alts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.alt{position:relative;padding:22px 20px 56px;border-radius:20px;background:#fff;border:1.5px solid var(--line);box-shadow:var(--sh);transition:border-color .4s,transform .4s var(--ease),box-shadow .4s}
.al-n{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--p)}
.alt h3{font-size:18px;margin:8px 0 6px}.alt p{color:var(--mut);font-size:14.5px}
.arec{position:absolute;left:16px;right:16px;bottom:16px;padding:6px 10px;border-radius:10px;background:var(--gGb);color:var(--gG);font-size:11.5px;font-weight:800;text-align:center;opacity:0;transform:translateY(6px);transition:.35s}
.alts.vis .alt{animation:altPick 12s infinite;animation-delay:calc(var(--k)*3s)}
.alts.vis .alt .arec{animation:recShow 12s infinite;animation-delay:calc(var(--k)*3s)}
@keyframes altPick{0%,22%{border-color:var(--gG);transform:translateY(-6px);box-shadow:0 22px 44px rgba(28,157,97,.18)}26%,100%{border-color:var(--line);transform:none}}
@keyframes recShow{0%,22%{opacity:1;transform:none}26%,100%{opacity:0;transform:translateY(6px)}}
.post{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px;font-weight:600;text-align:center}
.pp{padding:6px 12px;border-radius:10px;background:var(--aAb);color:var(--aA);font-weight:800;font-size:13px;border:1px dashed #e8c07a}

/* brief */
.br-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.br-grid>*{min-width:0}
.acc{display:grid;gap:10px;margin-top:20px}
.ac-bad,.ac-good{padding:16px;border-radius:14px}
.ac-bad{background:var(--rRb);border:1px solid #f6d3da}.ac-bad .mono{color:#b22f4a}
.ac-bad s{display:block;margin-top:6px;font-weight:800;font-size:16px;color:#8a4455;text-decoration-color:var(--rR);text-decoration-thickness:3px}
.ac-good{background:var(--gGb);border:1px solid #bfe8d3}.ac-good .mono{color:#136b43}
.ac-good b{display:block;margin-top:6px;font-size:15px}
.brief{position:relative;padding:26px;border-radius:6px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px rgba(60,40,120,.14);border-top:6px solid var(--p)}
.bf-top{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.bf-top b{font-size:19px}
.bf{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.bf span{font-weight:700;font-size:14.5px}
.bf i{display:block;height:8px;border-radius:4px;background:#efeaf7;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);transition-delay:calc(.3s + var(--k)*.15s)}
.bf:nth-child(odd) i{width:80%}
.brief.vis .bf i{transform:scaleX(1)}
.bf-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}
.bf-foot div{display:flex;gap:8px;flex-wrap:wrap}
.bf-foot div span{padding:6px 10px;border-radius:9px;background:var(--lav2);font-size:12.5px;font-weight:700;color:var(--p3)}
.stamp3{padding:8px 14px;border:3px solid var(--gG);border-radius:8px;color:var(--gG);font:800 13px/1 "JetBrains Mono",monospace;text-transform:uppercase;transform:rotate(-8deg) scale(0);opacity:0}
.brief.vis .stamp3{animation:st3 .5s cubic-bezier(.3,1.6,.5,1) 1.6s forwards}
@keyframes st3{to{transform:rotate(-8deg) scale(1);opacity:1}}

/* faq */
.rafq-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.rafq-in>*{min-width:0}
.qn{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--p);margin-right:14px;flex:none}
.qa button{justify-content:flex-start}.qa button .pm{margin-left:auto}

@media (max-width:1100px){
 .ra-hin{grid-template-columns:1fr;gap:0}
 .ra-copy{padding-bottom:10px}
 .ra-vis{min-height:0;max-width:640px;margin:0 auto;width:100%}
 .ra-eagle{height:500px}
 .dec3{left:0}
 .pb-grid,.br-grid,.rafq-in,.ck-head{grid-template-columns:1fr;gap:28px}
 .chk{grid-template-columns:1fr}
 .rside{position:static}
 .alts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .ra-hero{padding-top:34px}
 .ra-vis{flex-direction:column;align-items:center}
 .ra-eagle{height:380px;max-width:100%}
 .dec3{position:relative;left:auto;top:auto;width:100%;max-width:340px;margin:-30px auto 26px;order:2}
 .rdim{grid-template-columns:1fr;gap:10px}
 .seg button{flex:1}
 .alts{grid-template-columns:1fr}
 .bf{grid-template-columns:1fr;gap:6px}
 .bf-foot{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
 .pd:before,.pd:after,.dec3{animation:none;clip-path:none;transform:none;opacity:1}
 .dec3 .o3,.alts.vis .alt,.alts.vis .alt .arec{animation:none}
 .brief.vis .stamp3{animation:none;transform:rotate(-8deg);opacity:1}
}