@import url('../test-di-turing/turing-test.css');

:root { --navy:#100d2d; --navy-2:#21194d; --teal:#604bbb; --teal-light:#7a65d3; --amber:#f0b64a; --danger:#b74b5d; }
body.asi-page { margin:0; color:var(--ink); background:#ebeaf2; font-family:Arial,Helvetica,sans-serif; line-height:1.68; }
body.asi-page img { display:block; max-width:100%; height:auto; }
body.asi-page a { color:var(--teal); }
.asi-page .country-hero { min-height:590px; }
.asi-page .country-hero-shade { background:linear-gradient(90deg,rgba(6,5,22,.98) 0%,rgba(13,10,43,.9) 44%,rgba(13,10,43,.12) 82%); }
.asi-page .country-kicker,.asi-page .eyebrow.light { color:#c6baff; }
.asi-page .lab-shell { background:#0e0b29; }
.asi-page .lab-header { background:radial-gradient(circle at 85% 0,rgba(96,75,187,.4),transparent 38%); }
.asi-page .suite-nav a:hover,.asi-page .suite-nav a.active { border-color:var(--teal); background:var(--teal); }
.asi-page .related-grid > a > i { background:var(--teal); }
.gate-intro { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:0 36px 25px; }
.gate-intro article { padding:17px; color:#cfcbe5; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); border-radius:13px; }
.gate-intro strong { display:block; color:#fff; }
.gate-intro small { color:#a99de8; }
.gate-card { min-width:0; margin:0 0 18px; padding:22px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); border-radius:16px; }
.gate-card legend { width:100%; display:flex; gap:13px; padding:0 2px 15px; color:#fff; font-weight:850; line-height:1.45; }
.gate-card legend small { display:block; color:#afa2f2; font-size:.7rem; letter-spacing:.09em; text-transform:uppercase; }
.gate-options { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.gate-options label { display:block; cursor:pointer; }
.gate-options input { position:absolute; opacity:0; }
.gate-options span { display:block; height:100%; padding:14px; color:#d8d4eb; border:2px solid transparent; background:rgba(255,255,255,.065); border-radius:11px; transition:.16s ease; }
.gate-options span strong,.gate-options span small { display:block; }
.gate-options span small { margin-top:3px; color:#a7a1c5; line-height:1.4; }
.gate-options input:checked + span { border-color:var(--amber); color:#fff; background:rgba(240,182,74,.13); }
.gate-card.unanswered { border-color:#df7062; }
.dimension-bars { display:grid; gap:11px; margin:20px 0; }
.dimension-bar { display:grid; grid-template-columns:160px 1fr 44px; gap:12px; align-items:center; }
.dimension-bar strong { color:var(--navy); font-size:.85rem; }
.dimension-track { height:11px; overflow:hidden; background:#e4e2ee; border-radius:999px; }
.dimension-track span { display:block; height:100%; background:linear-gradient(90deg,var(--teal),#b36ad0); border-radius:999px; }
.dimension-bar em { color:var(--teal); font-size:.8rem; font-style:normal; font-weight:900; }
.asi-threshold { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:23px 0; }
.asi-threshold article { min-height:155px; padding:19px; color:#dcd8f0; background:#171238; border-right:1px solid rgba(255,255,255,.12); }
.asi-threshold article:first-child { border-radius:15px 0 0 15px; }
.asi-threshold article:last-child { border-radius:0 15px 15px 0; background:#46368e; }
.asi-threshold span { color:var(--amber); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.asi-threshold strong { display:block; color:#fff; }
.asi-threshold p { margin:6px 0 0; color:#bcb6d8; font-size:.83rem; }
.risk-map { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.risk-map article { padding:22px; border:1px solid var(--line); background:#fff; border-radius:15px; }
.risk-map i { display:grid; place-content:center; width:44px; height:44px; margin-bottom:13px; color:#fff; background:var(--teal); border-radius:11px; }
.risk-map ul { padding-left:20px; margin-bottom:0; color:var(--muted); }
.control-stack { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:22px 0; }
.control-stack article { padding:17px 13px; text-align:center; border:1px solid var(--line); background:#f8f7fc; border-radius:13px; }
.control-stack span { display:grid; place-content:center; width:38px; height:38px; margin:0 auto 9px; color:#fff; background:var(--teal); border-radius:50%; font-weight:900; }
.control-stack strong { display:block; color:var(--navy); font-size:.86rem; }
.control-stack small { color:var(--muted); font-size:.72rem; }
.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.scenario-grid article { padding:21px; border-top:4px solid var(--teal); background:#f7f6fb; border-radius:0 0 14px 14px; }
.scenario-grid .danger-scenario { border-color:var(--danger); }
.scenario-grid .benefit-scenario { border-color:#2b886d; }
.uncertainty-banner { display:flex; gap:15px; padding:22px; color:#ddd9ef; background:linear-gradient(135deg,#171238,#322567); border-radius:16px; }
.uncertainty-banner i { color:var(--amber); font-size:1.4rem; margin-top:4px; }
.uncertainty-banner p { margin:0; }
@media(max-width:980px){.gate-options{grid-template-columns:1fr}.asi-threshold{grid-template-columns:1fr 1fr}.control-stack{grid-template-columns:repeat(3,1fr)}.scenario-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.gate-intro{grid-template-columns:1fr;padding-inline:20px}.asi-threshold,.risk-map,.scenario-grid{grid-template-columns:1fr}.asi-threshold article:first-child,.asi-threshold article:last-child{border-radius:0}.control-stack{grid-template-columns:1fr 1fr}.dimension-bar{grid-template-columns:110px 1fr 38px}}