:root{--bg:#f6f8f7;--paper:#fff;--ink:#111816;--muted:#586662;--line:#d9e2dd;--soft:#edf3f0;--dark:#14201c;--dark2:#20312b;--green:#0f8f68;--cyan:#1f9db5;--shadow:0 18px 46px rgba(18,31,27,.10);--radius:8px;--container:min(1360px,calc(100vw - 48px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(15,143,104,.08),transparent 460px),repeating-linear-gradient(90deg,rgba(17,24,22,.035) 0 1px,transparent 1px 98px),var(--bg);color:var(--ink);line-height:1.62;letter-spacing:0}a{color:inherit;text-decoration:none}.container{width:var(--container);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,248,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--dark);color:#bff8dc;font-size:13px}.nav-links{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:42px;padding:0 18px;border-radius:7px;border:1px solid var(--line);font-weight:750;font-size:14px;line-height:1;background:var(--paper);box-shadow:0 9px 20px rgba(18,31,27,.06)}.btn-dark{background:var(--dark);border-color:var(--dark);color:#fff;box-shadow:0 16px 28px rgba(18,31,27,.18)}.btn-light{background:var(--paper)}.hero{padding:70px 0 88px}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);gap:42px;align-items:center}.hero-copy{display:grid;gap:24px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:58px;line-height:1.04;font-weight:850;letter-spacing:0;max-width:650px}h2{margin-bottom:0;font-size:38px;line-height:1.12;font-weight:830;letter-spacing:0}h3{margin-bottom:0;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:0}.hero-lead,.lead{font-size:20px;line-height:1.55;color:#394844}.hero-copy p{max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-proof article,.note-card,.checklist,.cards article,.risk-grid article,.case-grid article,.source-grid article,.topic-columns article,.metric-table,.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px rgba(18,31,27,.045)}.hero-proof article{padding:16px}.hero-proof strong{display:block;margin-bottom:5px}.hero-proof span{color:var(--muted);font-size:14px}.hero-visual{background:var(--dark);color:#eef9f4;border-radius:8px;padding:26px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(31,191,138,.18),transparent 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 44px)}.hero-visual>*{position:relative}.visual-head{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:18px}.visual-head span{color:#b9cbc5;font-size:13px}.flow-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.flow-row article{min-height:150px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:7px;padding:14px}.flow-row b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#c2f8dc;color:#0f241d}.flow-row span{display:block;margin:16px 0 8px;font-weight:800}.flow-row p{margin:0;color:#c8d7d2;font-size:13px}.visual-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.visual-bottom div{border:1px solid rgba(255,255,255,.13);border-radius:7px;padding:14px;background:rgba(255,255,255,.06)}.visual-bottom span{display:block;color:#aabdb7;font-size:12px}.visual-bottom strong{display:block;margin-top:4px}.section{padding:78px 0;border-top:1px solid var(--line)}.soft{background:rgba(255,255,255,.42)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:32px;align-items:start}.note-card,.checklist{padding:24px}.note-card ul,.checklist ol{margin:16px 0 0;padding-left:20px;color:#42504c}.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.45fr);gap:30px;align-items:end;margin-bottom:30px}.section-head p{margin:0;color:var(--muted)}.steps,.cards,.risk-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.steps article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:230px}.steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#e6f5ef;color:var(--green);font-weight:850;margin-bottom:22px}.steps p,.cards p,.risk-grid p,.case-grid p,.topic-columns p,.source-grid li,.faq-list p{color:var(--muted);font-size:15px}.cards article,.risk-grid article,.case-grid article{padding:22px;min-height:180px}.metric-table{overflow:hidden}.metric-table div{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line)}.metric-table div:last-child{border-bottom:0}.metric-table strong,.metric-table span{padding:18px}.metric-table span{color:var(--muted)}.topic-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-columns article{padding:22px}.scenario-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario-card{position:relative;min-height:280px;padding:26px 26px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 14px 34px rgba(18,31,27,.07)}.scenario-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:var(--radius) var(--radius) 0 0}.scenario-num{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#e6f5ef;color:var(--green);font-weight:850;margin-bottom:18px}.scenario-card p{color:var(--muted);font-size:15px}.scenario-card p:last-child{margin-bottom:0}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-list details{padding:18px}.faq-list summary{cursor:pointer;font-weight:800;line-height:1.35}.site-footer{background:var(--dark);color:#dfe9e5;padding:42px 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:start}.site-footer .btn{background:#bff8dc;color:#10231d;border-color:#bff8dc;box-shadow:0 16px 32px rgba(0,0,0,.28)}.footer-grid p{color:#aec1ba;max-width:520px}.footer-grid nav{display:grid;gap:8px;color:#dfe9e5;font-size:14px}.legal-page{background:var(--bg)}.legal-shell{width:min(900px,calc(100vw - 36px));margin:0 auto;padding:64px 0}.legal-shell h1{font-size:44px}.legal-shell p,.legal-shell li{color:#42504c}.back-link{display:inline-flex;margin-bottom:28px;color:var(--green);font-weight:800}@media(max-width:1120px){.hero-grid,.two-col{grid-template-columns:1fr}.steps,.cards,.risk-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-board{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{min-height:auto}}@media(max-width:740px){:root{--container:min(100vw - 28px,100%)}body{background:var(--bg)}.nav{grid-template-columns:1fr;min-height:auto;padding:14px 0}.nav-links{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.hero{padding:42px 0 58px}h1{font-size:39px}h2{font-size:29px}.hero-lead,.lead{font-size:17px}.hero-grid{gap:26px}.hero-proof,.flow-row,.visual-bottom,.steps,.cards,.risk-grid,.case-grid,.topic-columns,.scenario-board,.faq-list,.footer-grid,.section-head{grid-template-columns:1fr}.metric-table div{grid-template-columns:1fr}.section{padding:56px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.deep-board{margin-top:18px}

/* Visual balance pass after semantic expansion */
.hero{background:linear-gradient(180deg,#f9fbfa 0%,#eef6f2 100%);border-bottom:1px solid rgba(17,24,22,.08)}
.hero-visual{border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(18,31,27,.24)}
.section-head{padding-bottom:18px;border-bottom:1px solid rgba(17,24,22,.08)}
.cards,.steps,.risk-grid,.case-grid,.topic-columns,.scenario-board{align-items:stretch;grid-auto-rows:1fr}
.cards article,.steps article,.risk-grid article,.case-grid article,.topic-columns article,.note-card,.checklist,.metric-table,.faq-list details,.scenario-card{height:100%;border-color:rgba(17,24,22,.10);box-shadow:0 18px 44px rgba(18,31,27,.07)}
.cards article,.steps article,.risk-grid article,.case-grid article,.topic-columns article{display:flex;flex-direction:column}
#source-cover{background:linear-gradient(180deg,#f3faf6 0%,#eef5f2 100%)}
#source-cover .section-head{border-bottom-color:rgba(15,143,104,.22)}
.scenario-card{display:flex;flex-direction:column;min-height:292px}
.scenario-card h3,.cards h3,.steps h3,.risk-grid h3,.case-grid h3,.topic-columns h3{margin-bottom:12px}
.scenario-card p,.cards p,.steps p,.risk-grid p,.case-grid p,.topic-columns p{margin-bottom:12px}
.scenario-card p:last-child,.cards p:last-child,.steps p:last-child,.risk-grid p:last-child,.case-grid p:last-child,.topic-columns p:last-child{margin-bottom:0}
#extra-scenarios .cards article{min-height:236px}
.site-footer{background:linear-gradient(180deg,#15221d,#0f1714);border-top:1px solid rgba(191,248,220,.22)}
.site-footer .btn{font-weight:850}
.footer-grid strong{color:#fff}
.footer-grid nav a:hover{color:#bff8dc}
#risks .two-col{grid-template-columns:1fr}
#risks .risk-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
#risks .risk-grid article{min-height:190px}
#semantic-map{background:linear-gradient(180deg,#fbfcfb 0%,#f1f6f3 100%)}
#semantic-map .topic-columns{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px;align-items:start}
#semantic-map .topic-columns article{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);height:auto;min-height:0;padding:0;overflow:hidden}
#semantic-map .topic-columns h3{display:flex;align-items:flex-start;margin:0;padding:22px;border-right:1px solid rgba(17,24,22,.10);background:#f5faf7}
#semantic-map .topic-columns p{margin:0;padding:22px;color:#586662;font-size:14px;line-height:1.58}
#semantic-map .semantic-extra{margin-top:12px;background:var(--paper);border:1px solid rgba(17,24,22,.10);border-radius:var(--radius);box-shadow:0 18px 44px rgba(18,31,27,.07);padding:24px}
#semantic-map .project-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#semantic-map .project-scope article{display:flex;flex-direction:column;min-height:260px;padding:22px;background:var(--paper);border:1px solid rgba(17,24,22,.10);border-radius:var(--radius);box-shadow:0 18px 44px rgba(18,31,27,.07)}
#semantic-map .project-scope h3{margin-bottom:12px}
#semantic-map .project-scope p{margin:0;color:var(--muted);font-size:15px}
#semantic-map .project-scope details{background:var(--paper);border:1px solid rgba(17,24,22,.10);border-radius:var(--radius);box-shadow:0 18px 44px rgba(18,31,27,.07);overflow:hidden}
#semantic-map .project-scope summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;cursor:pointer;list-style:none}
#semantic-map .project-scope summary::-webkit-details-marker{display:none}
#semantic-map .project-scope summary:after{content:"+";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:#e6f5ef;color:var(--green);font-weight:850}
#semantic-map .project-scope details[open] summary{border-bottom:1px solid rgba(17,24,22,.10)}
#semantic-map .project-scope details[open] summary:after{content:"-"}
#semantic-map .project-scope summary h3{margin:0;font-size:18px}
#semantic-map .project-scope details p{padding:0 20px 16px;margin:0;color:var(--muted);font-size:14px;line-height:1.56}
#semantic-map .project-scope details p:first-of-type{padding-top:18px}
#semantic-map .project-note{margin-top:16px;padding:24px;background:linear-gradient(135deg,#14201c,#20312b);color:#eef9f4;border-radius:var(--radius);box-shadow:0 22px 54px rgba(18,31,27,.18)}
#semantic-map .project-note p{margin:10px 0 0;color:#c8d7d2}
#semantic-map .project-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
#semantic-map .project-detail article{min-height:230px;padding:22px;background:var(--paper);border:1px solid rgba(17,24,22,.10);border-radius:var(--radius);box-shadow:0 18px 44px rgba(18,31,27,.07)}
#semantic-map .project-detail h3{margin-bottom:12px}
#semantic-map .project-detail p{margin:0;color:var(--muted);font-size:15px}
@media(max-width:1120px){#risks .risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){#semantic-map .project-scope,#semantic-map .project-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#risks .risk-grid{grid-template-columns:1fr}#semantic-map .topic-columns article{grid-template-columns:1fr}#semantic-map .topic-columns h3{border-right:0;border-bottom:1px solid rgba(17,24,22,.10)}#semantic-map .project-scope,#semantic-map .project-detail{grid-template-columns:1fr}#semantic-map .project-scope article,#semantic-map .project-detail article{min-height:0}}

/* Studio blue design pass: visual only, locked copy preserved */
:root{
  --bg:#f2f6ff;
  --paper:#ffffff;
  --ink:#101829;
  --muted:#5d6b82;
  --line:#d8e2f2;
  --soft:#eaf1fb;
  --dark:#07162f;
  --dark2:#102a55;
  --green:#2563eb;
  --cyan:#00a6d6;
  --blue:#2563eb;
  --blue2:#0b3a7a;
  --violet:#6d5dfc;
  --ice:#e9f6ff;
  --shadow:0 24px 70px rgba(18,49,94,.13);
}
body{
  background:
    radial-gradient(circle at 18% 0%,rgba(37,99,235,.16),transparent 34rem),
    radial-gradient(circle at 82% 12%,rgba(0,166,214,.13),transparent 30rem),
    linear-gradient(180deg,#f7faff 0%,#eef5ff 45%,#f8fbff 100%);
  color:var(--ink);
}
.site-header{
  background:rgba(247,250,255,.82);
  border-bottom:1px solid rgba(56,89,139,.16);
  box-shadow:0 12px 34px rgba(13,37,76,.06);
}
.brand-mark{
  background:linear-gradient(135deg,#0b3a7a,#2563eb 58%,#00a6d6);
  color:#fff;
  box-shadow:0 12px 28px rgba(37,99,235,.24);
}
.nav-links{color:#61708a}
.nav-links a:hover{color:#174ea6}
.btn{
  border-color:rgba(37,99,235,.18);
  box-shadow:0 14px 34px rgba(18,49,94,.10);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.36);box-shadow:0 22px 44px rgba(18,49,94,.16)}
.btn-dark{
  background:linear-gradient(135deg,#0b3a7a,#2563eb);
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 20px 42px rgba(37,99,235,.26);
}
.btn-light{background:rgba(255,255,255,.82)}
.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 20%,rgba(0,166,214,.18),transparent 26rem),
    radial-gradient(circle at 35% 6%,rgba(109,93,252,.12),transparent 30rem),
    linear-gradient(180deg,#f9fbff 0%,#edf5ff 100%);
  border-bottom:1px solid rgba(37,99,235,.12);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px),
    linear-gradient(0deg,rgba(37,99,235,.045) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 76%);
  pointer-events:none;
}
.hero-copy,.hero-visual{position:relative}
h1{color:#0a1730;text-wrap:balance}
h2{color:#0d1b33}
h3{color:#13233c}
.hero-lead,.lead{color:#344764}
.hero-copy>p:not(.hero-lead){color:#4d5f78}
.hero-proof article,
.note-card,.checklist,.cards article,.risk-grid article,.case-grid article,
.metric-table,.faq-list details,.scenario-card,
#semantic-map .project-scope details,#semantic-map .project-detail article{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.94));
  border-color:rgba(68,104,162,.15);
  box-shadow:0 20px 54px rgba(18,49,94,.10);
}
.hero-proof article{border-left:3px solid rgba(37,99,235,.72)}
.hero-proof strong{color:#0b3a7a}
.hero-proof span{color:#5b6b83}
.hero-visual{
  min-height:390px;
  background:
    radial-gradient(circle at 18% 20%,rgba(0,166,214,.28),transparent 16rem),
    radial-gradient(circle at 86% 78%,rgba(109,93,252,.18),transparent 15rem),
    linear-gradient(135deg,#061329 0%,#0a234b 52%,#061329 100%);
  border:1px solid rgba(151,193,255,.28);
  box-shadow:0 34px 95px rgba(10,34,75,.36),inset 0 1px 0 rgba(255,255,255,.12);
  isolation:isolate;
}
.hero-visual:before{
  background:
    radial-gradient(circle at 20% 24%,rgba(76,201,255,.20),transparent 18rem),
    linear-gradient(90deg,rgba(73,146,255,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(73,146,255,.07) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
  animation:rel90-grid-drift 12s linear infinite;
}
.hero-visual:after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:8px;
  background:
    radial-gradient(circle at var(--mx,18%) 44%,rgba(72,205,255,.34) 0 8px,rgba(72,205,255,.14) 9px 22px,transparent 23px),
    linear-gradient(90deg,transparent 0%,rgba(72,205,255,.38) 18%,rgba(109,93,252,.32) 52%,transparent 88%);
  opacity:.62;
  filter:blur(.2px);
  mix-blend-mode:screen;
  pointer-events:none;
  animation:rel90-signal-sweep 7s ease-in-out infinite;
}
.visual-head{
  border-bottom-color:rgba(170,206,255,.22);
}
.visual-head strong{color:#f4f9ff}
.visual-head span{color:#a8bddb}
.flow-row{position:relative;z-index:1}
.flow-row:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:53px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(84,182,255,.45),rgba(109,93,252,.42),transparent);
  box-shadow:0 0 22px rgba(76,201,255,.48);
}
.flow-row article{
  position:relative;
  border-color:rgba(174,210,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.18);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.flow-row article:hover{transform:translateY(-4px);border-color:rgba(84,182,255,.5);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07))}
.flow-row article:before{
  content:"";
  position:absolute;
  top:42px;
  left:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#5be7ff;
  box-shadow:0 0 0 6px rgba(91,231,255,.12),0 0 22px rgba(91,231,255,.82);
  transform:translate(-50%,-50%);
  animation:rel90-node-pulse 2.4s ease-in-out infinite;
}
.flow-row article:nth-child(2):before{animation-delay:.35s}
.flow-row article:nth-child(3):before{animation-delay:.7s}
.flow-row article:nth-child(4):before{animation-delay:1.05s}
.flow-row b{
  background:linear-gradient(135deg,#dff7ff,#7ddcff);
  color:#07234a;
  box-shadow:0 0 0 6px rgba(91,231,255,.10),0 10px 28px rgba(0,166,214,.22);
  animation:rel90-bot-breathe 3.2s ease-in-out infinite;
}
.flow-row span{color:#f4f9ff}
.flow-row p{color:#b9cae4}
.visual-bottom div{
  position:relative;
  overflow:hidden;
  border-color:rgba(174,210,255,.18);
  background:rgba(255,255,255,.07);
}
.visual-bottom div:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:10px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#38bdf8,#2563eb,#6d5dfc);
  transform-origin:left;
  animation:rel90-kpi-fill 5s ease-in-out infinite;
}
.visual-bottom div:nth-child(2):after{animation-delay:.55s}
.visual-bottom div:nth-child(3):after{animation-delay:1.1s}
.visual-bottom span{color:#9fb4d4}
.visual-bottom strong{color:#f4f9ff;padding-bottom:10px}
.section{
  border-top-color:rgba(37,99,235,.10);
}
.soft,#source-cover,#semantic-map{
  background:
    radial-gradient(circle at 10% 0%,rgba(37,99,235,.08),transparent 24rem),
    linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%);
}
.section-head{border-bottom-color:rgba(37,99,235,.14)}
.steps span,.scenario-num{
  background:#e8f1ff;
  color:#1d4ed8;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
}
.scenario-card:before{background:linear-gradient(90deg,#2563eb,#00a6d6,#6d5dfc)}
.cards article,.steps article,.risk-grid article,.case-grid article,.scenario-card,#semantic-map .project-detail article{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.cards article:hover,.steps article:hover,.risk-grid article:hover,.case-grid article:hover,.scenario-card:hover,#semantic-map .project-detail article:hover{
  transform:translateY(-4px);
  border-color:rgba(37,99,235,.26);
  box-shadow:0 28px 70px rgba(18,49,94,.16);
}
.metric-table{box-shadow:0 22px 58px rgba(18,49,94,.10)}
.metric-table strong{color:#0b3a7a;background:#f3f8ff}
.metric-table div{border-bottom-color:rgba(37,99,235,.10)}
#semantic-map .project-scope summary:after{
  background:linear-gradient(135deg,#e6f4ff,#cce7ff);
  color:#1d4ed8;
}
#semantic-map .project-note{
  background:
    radial-gradient(circle at 80% 20%,rgba(0,166,214,.22),transparent 20rem),
    linear-gradient(135deg,#07162f,#0b3a7a);
  border:1px solid rgba(151,193,255,.22);
  box-shadow:0 26px 68px rgba(10,34,75,.24);
}
#semantic-map .project-note h3{color:#f4f9ff}
#semantic-map .project-note p{color:#cad8ee}
.site-footer{
  background:
    radial-gradient(circle at 78% 8%,rgba(0,166,214,.16),transparent 20rem),
    linear-gradient(180deg,#08152b,#050b18);
  border-top:1px solid rgba(151,193,255,.18);
}
.site-footer .btn{
  background:linear-gradient(135deg,#dff7ff,#7ddcff);
  color:#061329;
  border-color:rgba(125,220,255,.9);
  box-shadow:0 18px 44px rgba(0,166,214,.22);
}
.footer-grid p{color:#aebdd2}
.footer-grid nav a:hover{color:#7ddcff}

@keyframes rel90-grid-drift{
  from{background-position:0 0,0 0,0 0}
  to{background-position:0 0,52px 0,0 52px}
}
@keyframes rel90-signal-sweep{
  0%,100%{--mx:13%;opacity:.48;transform:translateX(-1%)}
  45%{--mx:82%;opacity:.76;transform:translateX(1%)}
}
@keyframes rel90-node-pulse{
  0%,100%{opacity:.62;transform:translate(-50%,-50%) scale(.82)}
  45%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}
}
@keyframes rel90-bot-breathe{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 6px rgba(91,231,255,.10),0 10px 28px rgba(0,166,214,.22)}
  50%{transform:translateY(-2px);box-shadow:0 0 0 10px rgba(91,231,255,.13),0 16px 34px rgba(0,166,214,.32)}
}
@keyframes rel90-kpi-fill{
  0%,100%{transform:scaleX(.28);opacity:.72}
  50%{transform:scaleX(.92);opacity:1}
}
@media(max-width:740px){
  .hero-visual{min-height:0;padding:20px}
  .hero-visual:after{inset:10px;opacity:.38}
  .flow-row:before{display:none}
  .flow-row article:before{right:16px;left:auto;top:22px;transform:none}
  .visual-bottom strong{padding-bottom:8px}
}

/* Automation background pass: visual only */
main > section:not(.hero){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
main > section:not(.hero) > .container{
  position:relative;
  z-index:1;
}
main > section:not(.hero)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(37,99,235,.045) 1px,transparent 1px),
    linear-gradient(135deg,transparent 0 44%,rgba(37,99,235,.055) 44% 45%,transparent 45% 100%);
  background-size:92px 92px,92px 92px,240px 240px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  opacity:.72;
}
main > section:not(.hero)::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.28),rgba(0,166,214,.18),transparent);
}
#definition,#self,#budget,#extra-scenarios{
  background:
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(239,246,255,.84)),
    linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
}
#steps,#tools,#metrics,#cases,#questions{
  background:
    linear-gradient(180deg,rgba(232,241,255,.86),rgba(245,249,255,.9)),
    repeating-linear-gradient(90deg,rgba(37,99,235,.055) 0 1px,transparent 1px 112px);
}
#risks{
  background:
    linear-gradient(180deg,rgba(247,250,255,.9),rgba(229,238,253,.86)),
    repeating-linear-gradient(135deg,rgba(109,93,252,.06) 0 1px,transparent 1px 34px);
}
#semantic-map{
  background:
    linear-gradient(180deg,rgba(244,249,255,.94),rgba(227,238,253,.92)),
    repeating-linear-gradient(90deg,rgba(37,99,235,.055) 0 1px,transparent 1px 96px);
}
#source-cover{
  background:
    linear-gradient(180deg,rgba(232,243,255,.94),rgba(220,234,252,.92)),
    repeating-linear-gradient(0deg,rgba(0,166,214,.055) 0 1px,transparent 1px 96px);
}
#steps::before,#tools::before,#source-cover::before,#questions::before{
  animation:rel90-section-grid-drift 22s linear infinite;
}
#steps::after,#tools::after,#metrics::after,#source-cover::after{
  height:100%;
  opacity:.54;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(37,99,235,.10) 18.1% 18.35%,transparent 18.45% 100%),
    linear-gradient(65deg,transparent 0 62%,rgba(0,166,214,.09) 62.1% 62.38%,transparent 62.48% 100%);
  background-size:520px 260px,620px 300px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.section-head p,
.steps p,.cards p,.risk-grid p,.case-grid p,.scenario-card p,
#semantic-map .project-scope details p,#semantic-map .project-detail p,
.note-card li,.checklist li,.metric-table span,.faq-list p{
  color:#43536c;
}
.hero-proof span,.footer-grid p{
  color:#52647d;
}
.cards article,.steps article,.risk-grid article,.case-grid article,.scenario-card,
#semantic-map .project-scope details,#semantic-map .project-detail article,
.note-card,.checklist,.metric-table,.faq-list details{
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.96));
  border-color:rgba(42,86,151,.18);
  box-shadow:0 22px 58px rgba(18,49,94,.12),inset 0 1px 0 rgba(255,255,255,.88);
}
.section-head{
  border-bottom-color:rgba(37,99,235,.18);
}
.section-head:after{
  content:"";
  display:block;
  grid-column:1 / -1;
  width:96px;
  height:3px;
  margin-top:18px;
  border-radius:99px;
  background:linear-gradient(90deg,#2563eb,#00a6d6,#6d5dfc);
  box-shadow:0 0 18px rgba(37,99,235,.24);
}
.metric-table div:nth-child(odd) span,
.metric-table div:nth-child(odd) strong{
  background-color:rgba(232,241,255,.62);
}
.faq-list summary{
  color:#13233c;
}
@keyframes rel90-section-grid-drift{
  from{background-position:0 0,0 0,0 0}
  to{background-position:92px 0,0 92px,240px 0}
}
@media(max-width:740px){
  main > section:not(.hero)::before{
    background-size:72px 72px,72px 72px,180px 180px;
    opacity:.45;
  }
  main > section:not(.hero)::after{
    opacity:.35;
  }
  .section-head:after{
    width:72px;
    margin-top:14px;
  }
}
