/* DELTA SCENARIO 002 PREMIUM V1
   Scoped to Scenario 002 pages only. Presentation layer; evidence/content unchanged. */

main#top{position:relative;isolation:isolate;background:linear-gradient(180deg,#030914 0,#061018 26%,#040a12 100%)}
main#top>section{position:relative}

.delta-s02-hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,92px) 0 56px;background:radial-gradient(circle at 74% 34%,rgba(72,231,207,.16),transparent 28%),radial-gradient(circle at 28% 12%,rgba(89,162,255,.14),transparent 34%),linear-gradient(180deg,rgba(3,11,20,.58),rgba(4,14,21,.94)),url('/assets/delta-hero-field-premium-v4.svg') center 44%/cover no-repeat;border-bottom:1px solid rgba(120,235,255,.08)}
.delta-s02-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,15,.84) 0,rgba(2,8,15,.62) 38%,rgba(2,8,15,.16) 72%,rgba(2,8,15,.42) 100%);pointer-events:none}
.delta-s02-hero:after{content:"25 NODES · 1 CLASS SYSTEM";position:absolute;right:clamp(24px,5vw,82px);bottom:20px;color:rgba(174,242,233,.11);font:900 10px/1 Orbitron,Inter,sans-serif;letter-spacing:.18em;pointer-events:none}
.delta-s02-hero .gridHero{position:relative;z-index:1;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:clamp(28px,5vw,74px);align-items:center}
.delta-s02-hero .eyebrow{box-shadow:inset 0 0 28px rgba(88,222,198,.06),0 0 34px rgba(70,210,190,.04)}
.delta-s02-hero .h1{max-width:980px;margin-top:18px;font-size:clamp(42px,5.5vw,76px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.delta-s02-hero .lead{max-width:900px;margin-top:23px;color:rgba(224,239,241,.72);font-size:clamp(15px,1.25vw,18px);line-height:1.72}
.delta-s02-hero .heroActions{margin-top:28px}
.delta-s02-hero .btn{min-height:48px;border-radius:14px}
.delta-s02-hero .heroCard{position:relative;overflow:hidden;padding:22px;border-color:rgba(93,226,203,.26);border-radius:24px;background:linear-gradient(165deg,rgba(11,35,39,.82),rgba(6,15,25,.76));box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}
.delta-s02-hero .heroCard:after{content:"EV1 · SYNTHETIC";position:absolute;right:18px;top:16px;color:rgba(132,229,212,.34);font:900 9px/1 ui-monospace,monospace;letter-spacing:.14em}
.delta-s02-hero .scoreBig{gap:10px}
.delta-s02-hero .scoreBox{min-height:118px;padding:19px 18px;border:1px solid rgba(118,217,204,.13);border-radius:16px;background:rgba(5,17,24,.66)}
.delta-s02-hero .scoreBox b{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.055em}
.delta-s02-hero .scoreBox span{color:rgba(212,234,234,.56);font-size:10px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.delta-s02-hero .scoreBox.delta{border-color:rgba(255,210,126,.22);background:linear-gradient(145deg,rgba(255,210,126,.08),rgba(41,136,118,.12))}
.delta-s02-hero .scoreBox.delta b{color:#ffd27e}

.delta-s02-provenance{padding:26px 0 34px;background:linear-gradient(180deg,rgba(5,18,25,.92),rgba(4,13,20,.72))}
.delta-s02-provenance-grid{border-color:rgba(92,219,198,.21);border-radius:20px;background:linear-gradient(145deg,rgba(8,29,33,.78),rgba(6,16,25,.72));box-shadow:0 28px 84px rgba(0,0,0,.2)}
.delta-s02-provenance-grid>div{padding:18px 20px}
.delta-s02-provenance-main strong{font-size:19px}

#context{padding-top:22px;background:radial-gradient(circle at 50% 0,rgba(69,199,180,.07),transparent 40%)}
#context .quote{border-color:rgba(93,222,201,.18);background:linear-gradient(135deg,rgba(8,29,34,.72),rgba(11,17,31,.68));box-shadow:0 24px 72px rgba(0,0,0,.18)}
.delta-scenario-topology-visual{width:min(1180px,calc(100% - 40px));margin:30px auto 0;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(135deg,rgba(103,246,255,.065),rgba(169,139,255,.055));box-shadow:0 30px 96px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.delta-scenario-topology-visual img{display:block;width:100%;height:auto;border-radius:20px}
.delta-scenario-topology-visual figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 10px 4px;color:rgba(245,251,255,.6);font:800 11px/1.45 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.delta-s02-topology-status{color:#75f7ff}

#orientation{padding:30px 0 46px;background:linear-gradient(180deg,rgba(4,13,20,.72),rgba(5,14,22,.92))}
#orientation .cards{gap:14px}
#orientation .card{position:relative;overflow:hidden;min-height:180px;padding:24px 22px 22px;border:1px solid rgba(90,213,194,.14);border-radius:19px;background:linear-gradient(155deg,rgba(10,31,35,.7),rgba(7,16,25,.7));box-shadow:0 22px 64px rgba(0,0,0,.16)}
#orientation .card:before{display:block;margin-bottom:14px;color:rgba(111,213,194,.68);font:900 10px/1 ui-monospace,monospace;letter-spacing:.15em}
#orientation .card:nth-child(1):before{content:"01 · TEST"}
#orientation .card:nth-child(2):before{content:"02 · SAFETY"}
#orientation .card:nth-child(3):before{content:"03 · DELTA"}
#orientation .card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#6fe0cb,rgba(111,224,203,0))}
#orientation .card h3{margin:0 0 9px;color:#f2fbfa;font-size:18px}
#orientation .card p{color:rgba(221,236,238,.64);line-height:1.65}

#prompt,#rubric,#scoring-details,#baseline,#metacore,#breakdown,#delta,#contact{scroll-margin-top:96px}
#prompt,#scoring-details,#breakdown{background:linear-gradient(180deg,rgba(4,11,18,.96),rgba(6,14,22,.9))}
#rubric,#baseline,#metacore,#delta{background:linear-gradient(180deg,rgba(6,16,24,.92),rgba(4,11,18,.96))}
#prompt .sectionHead,#rubric .sectionHead,#scoring-details .sectionHead,#baseline .sectionHead,#metacore .sectionHead,#breakdown .sectionHead,#delta .sectionHead{padding-bottom:8px}
#prompt .promptFull{border-color:rgba(93,222,201,.17);background:linear-gradient(180deg,rgba(11,34,37,.44),rgba(8,15,25,.74));box-shadow:0 24px 76px rgba(0,0,0,.2)}
#prompt .promptFull summary{background:rgba(93,222,201,.045)}

#rubric .tableWrap,#scoring-details .cards,#baseline .tableWrap,#metacore .tableWrap{position:relative}
.tableWrap{border-radius:18px;border-color:rgba(94,208,190,.14);background:rgba(5,15,23,.62);box-shadow:0 24px 78px rgba(0,0,0,.16)}
.tableWrap thead th{background:rgba(74,176,161,.06);color:rgba(228,244,243,.8)}
.tableWrap tbody tr{transition:background .16s ease}
.tableWrap tbody tr:hover{background:rgba(78,192,173,.045)}

.delta-s02-results .sectionHead{margin-bottom:18px}
.delta-s02-resultdeck{gap:12px;margin-bottom:15px}
.delta-s02-resultdeck>div{position:relative;overflow:hidden;padding:20px;border-radius:18px;border-color:rgba(78,194,174,.19);background:linear-gradient(160deg,rgba(8,28,32,.78),rgba(6,15,24,.78));box-shadow:0 18px 56px rgba(0,0,0,.18)}
.delta-s02-resultdeck>div:after{content:"";position:absolute;right:-38px;bottom:-38px;width:110px;height:110px;border:1px solid rgba(102,223,202,.06);border-radius:50%}
.delta-s02-resultmain strong{font-size:clamp(32px,4vw,48px)}
.delta-s02-delta b{color:#ffd27e;font-size:clamp(38px,4vw,52px)}
.delta-s02-evidence b{color:#9dcff0}
.delta-s02-methodline{margin:0 0 26px;padding:11px 14px;border-radius:999px;border:1px solid rgba(83,195,176,.1);background:rgba(6,19,25,.55)}
.delta-s02-results .deltaExplain{border-color:rgba(96,217,197,.16);background:linear-gradient(90deg,rgba(49,144,126,.08),rgba(8,16,26,.58));box-shadow:inset 3px 0 0 rgba(102,222,201,.45)}

.delta-s02-output .delta-s02-context{padding:26px;border-radius:20px;border-color:rgba(93,215,197,.19);background:radial-gradient(circle at 100% 0,rgba(76,210,188,.11),transparent 40%),linear-gradient(145deg,rgba(7,25,30,.78),rgba(7,15,25,.74));box-shadow:0 24px 80px rgba(0,0,0,.18)}
.delta-s02-topology-map span{min-height:74px;border-radius:13px;border-color:rgba(93,213,195,.15);background:rgba(4,15,22,.62)}
.delta-s02-topology-map b{color:#8be5d4}
.delta-s02-output .compare{gap:16px}
.delta-s02-output .answer{border-radius:18px}

#breakdown .cards{gap:13px}
#breakdown .card{position:relative;overflow:hidden;border-color:rgba(92,200,184,.13);background:linear-gradient(155deg,rgba(8,24,30,.64),rgba(6,14,23,.7));box-shadow:0 18px 58px rgba(0,0,0,.14)}
#breakdown .card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#6fe0cb,#7a8cff);opacity:.5}
#breakdown .card h3{color:#f1fbfa}
#breakdown .card p{color:rgba(221,236,238,.62)}

#delta .quote{border-color:rgba(255,210,126,.16);background:linear-gradient(145deg,rgba(255,210,126,.055),rgba(13,24,34,.72));box-shadow:0 24px 78px rgba(0,0,0,.16)}
#delta .why-matters{border-color:rgba(92,211,192,.16);background:linear-gradient(90deg,rgba(47,139,123,.08),rgba(8,16,25,.62));box-shadow:inset 3px 0 0 rgba(105,222,201,.5)}

.cta#contact{padding:56px 0 64px;background:radial-gradient(circle at 12% 20%,rgba(74,213,190,.1),transparent 32%),linear-gradient(180deg,rgba(4,12,19,.98),rgba(3,9,15,1))}
.cta#contact .ctaBox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px;border:1px solid rgba(96,222,201,.18);border-radius:24px;background:linear-gradient(145deg,rgba(8,29,33,.8),rgba(10,14,28,.78));box-shadow:0 30px 90px rgba(0,0,0,.26)}
.cta#contact .h2{max-width:760px;margin-bottom:10px}
.cta#contact .desc{max-width:760px}
.cta#contact .heroActions{justify-content:flex-end;margin:0}

.delta-method-note{max-width:960px;margin:34px auto 26px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.055);color:rgba(231,241,244,.54);font-size:13px;line-height:1.6;background:linear-gradient(90deg,transparent,rgba(85,184,171,.035),transparent)}
.delta-method-note strong{color:rgba(240,248,249,.72)}

@media(max-width:1000px){
  .delta-s02-hero .gridHero{grid-template-columns:1fr}
  .delta-s02-hero .heroCard{max-width:760px}
  .cta#contact .ctaBox{grid-template-columns:1fr}
  .cta#contact .heroActions{justify-content:flex-start}
}
@media(max-width:680px){
  .delta-s02-hero{padding:38px 0 42px;background-position:58% 40%}
  .delta-s02-hero:after{display:none}
  .delta-s02-hero .h1{font-size:clamp(36px,11vw,54px);line-height:1.01}
  .delta-s02-hero .lead{font-size:15px;line-height:1.65}
  .delta-s02-hero .heroCard{padding:16px;border-radius:19px}
  .delta-s02-hero .scoreBox{min-height:96px}
  .delta-s02-provenance-grid{border-radius:17px}
  .delta-scenario-topology-visual{width:calc(100% - 28px);margin-top:22px;padding:6px;border-radius:20px}
  .delta-scenario-topology-visual img{border-radius:15px}
  .delta-scenario-topology-visual figcaption{font-size:9px;letter-spacing:.055em}
  #orientation{padding:22px 0 34px}
  #orientation .card{min-height:0;padding:20px}
  .delta-s02-methodline{justify-content:flex-start;border-radius:14px}
  .delta-s02-output .delta-s02-context{padding:18px}
  .cta#contact{padding:40px 0 48px}
  .cta#contact .ctaBox{padding:22px;border-radius:19px}
  .delta-method-note{margin:26px 16px 20px}
}
@media(prefers-reduced-motion:reduce){
  .tableWrap tbody tr{transition:none}
}

/* DELTA SCENARIO 002 REFINEMENT V2
   Mobile table safety, scorecard/details readability, layout-shift control. */
#rubric .tableWrap,
#baseline .tableWrap,
#metacore .tableWrap{
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(111,224,203,.42) rgba(255,255,255,.035);
}
#rubric .tableWrap::-webkit-scrollbar,
#baseline .tableWrap::-webkit-scrollbar,
#metacore .tableWrap::-webkit-scrollbar{height:8px}
#rubric .tableWrap::-webkit-scrollbar-thumb,
#baseline .tableWrap::-webkit-scrollbar-thumb,
#metacore .tableWrap::-webkit-scrollbar-thumb{background:rgba(111,224,203,.36);border-radius:999px}
#rubric .tableWrap table,
#baseline .tableWrap table,
#metacore .tableWrap table{min-width:760px}
#metacore .tableWrap{margin-top:18px}
#breakdown .promptFull{margin-top:18px;border-color:rgba(91,205,187,.16);background:linear-gradient(180deg,rgba(8,27,31,.58),rgba(6,14,23,.72))}
#breakdown .promptFull summary{color:rgba(239,250,249,.86);background:rgba(90,202,184,.04)}
#breakdown .promptText{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.8;color:rgba(214,235,234,.76);tab-size:2}
#prompt .promptText{line-height:1.72}
.delta-scenario-topology-visual img{aspect-ratio:1500/520;object-fit:contain;background:#07101d}
@media(max-width:760px){
  #rubric .tableWrap,
  #baseline .tableWrap,
  #metacore .tableWrap{margin-left:-2px;margin-right:-2px;border-radius:15px}
  #rubric .tableWrap table,
  #baseline .tableWrap table,
  #metacore .tableWrap table{min-width:700px;font-size:12.5px}
  #rubric .tableWrap th,#rubric .tableWrap td,
  #baseline .tableWrap th,#baseline .tableWrap td,
  #metacore .tableWrap th,#metacore .tableWrap td{padding:13px 14px}
  #breakdown .promptFull summary{padding:16px 17px;font-size:14px}
  #breakdown .promptText{padding:17px 16px;font-size:12px;line-height:1.75}
}