/* Approved opening comparison. All rules are confined to this homepage section. */
.stack-hero{--sh-ink:#14171b;--sh-paper:#f5f4ef;--sh-muted:#5f5f5f;--sh-rule:#d8d8d0;--sh-action:#235ba6;background:#fff;color:var(--sh-ink);padding-block:42px 32px;font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
.stack-hero :where(h1,h2,p,figure,ol){margin:0}
.stack-hero :where(ol){padding:0}
.stack-hero p{color:inherit}
.stack-hero a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
.stack-hero a:focus-visible{outline:3px solid var(--sh-action);outline-offset:5px}
.stack-hero img{display:block;max-width:100%;object-fit:contain}
.stack-hero .sh-wrap{width:100%;max-width:1408px;padding-inline:clamp(24px,4.45vw,64px);margin-inline:auto}
.stack-hero .sh-kicker{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.045em;text-transform:uppercase;color:var(--sh-muted)}
.stack-hero .sh-hero-heading{display:grid;grid-template-columns:minmax(0,1fr) 375px;align-items:center;gap:64px;margin-bottom:32px}
.stack-hero .sh-hero-copy>.sh-kicker{margin-bottom:15px}
.stack-hero .sh-title{font:700 clamp(44px,4.7vw,68px)/1.025 var(--display);letter-spacing:-.055em;color:var(--sh-ink)}
.stack-hero .sh-title>span{color:var(--sh-action)}
.stack-hero .sh-hero-deck{font-size:16px;line-height:1.6;color:var(--sh-muted);max-width:40ch}
.stack-hero .sh-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:21px}
.stack-hero .sh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;padding:12px 18px;background:var(--sh-action);color:#fff;text-decoration:none;font-weight:700;font-size:14px;line-height:1.4}
.stack-hero .sh-button:hover{box-shadow:inset 0 -3px 0 currentColor}
.stack-hero .sh-text-action{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:underline}
.stack-hero .sh-hero-assurance{margin-top:9px;font-size:11px;line-height:1.6;color:var(--sh-muted)}
.stack-hero .sh-comparison-label{display:flex;justify-content:space-between;gap:20px;padding-block:12px;border-top:1px solid var(--sh-rule);font-family:var(--mono);font-size:10px;letter-spacing:.045em;text-transform:uppercase;color:var(--sh-muted)}
.stack-hero .sh-comparison-label strong{color:var(--sh-ink);font-weight:500}
.stack-hero .sh-preservation{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:20px;background:var(--sh-paper);color:var(--sh-ink);padding:15px 21px;border:1px solid var(--sh-rule)}
.stack-hero .sh-preservation>span{font-family:var(--mono);font-size:10px;line-height:1.4;letter-spacing:.035em;text-transform:uppercase}
.stack-hero .sh-preservation>p{font:700 clamp(22px,2.05vw,29px)/1.12 var(--display);letter-spacing:-.035em}
.stack-hero .sh-preservation>small{font-size:11px;line-height:1.55;border-left:1px solid var(--sh-rule);padding-left:22px}
.stack-hero .sh-comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);padding-top:21px}
.stack-hero .sh-system-head{min-height:46px;display:flex;align-items:center;gap:13px;margin-bottom:14px}
.stack-hero .sh-system-head>img{flex:none;width:45px;height:32px}
.stack-hero .sh-system-head .sh-motoko{height:40px;width:41px}
.stack-hero .sh-system-head p{font-family:var(--mono);color:var(--sh-muted);font-size:10px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px}
.stack-hero .sh-system-head h2{font:700 17px/1.2 var(--display);letter-spacing:-.025em;color:var(--sh-ink)}
.stack-hero .sh-layers{list-style:none;border-top:1px solid var(--sh-rule)}
.stack-hero .sh-layers>li{border-bottom:1px solid var(--sh-rule)}
.stack-hero .sh-layer-link{display:grid;grid-template-columns:29px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:86px;padding:13px 6px 13px 0;text-decoration:none}
.stack-hero .sh-layer-index{align-self:start;padding-top:3px;font:400 10px/1.6 var(--mono);color:var(--sh-muted)}
.stack-hero .sh-layer-copy{display:block;min-width:0}
.stack-hero .sh-layer-name{display:block;margin-bottom:7px;font:600 23px/1.2 var(--display);letter-spacing:-.03em}
.stack-hero .sh-layer-advisory{display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:1.5;color:var(--sh-muted)}
.stack-hero .sh-layer-advisory time{flex:none;color:var(--sh-action);font:400 11px/1.5 var(--mono);text-transform:uppercase}
.stack-hero .sh-layer-arrow{font-size:17px;line-height:1;color:var(--sh-action);justify-self:end}
.stack-hero .sh-layer-link:hover .sh-layer-name,.stack-hero .sh-layer-link:focus-visible .sh-layer-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.stack-hero .sh-evidence-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;margin-top:12px;font:400 10px/1.6 var(--mono);color:var(--sh-muted)}
.stack-hero .sh-evidence-caption>span{font-family:inherit;font-size:9px}
.stack-hero .sh-comparison-grid>div:last-child{display:flex;flex-direction:column;min-width:0}
.stack-hero .sh-connection{display:flex;flex-direction:column;padding-top:60px;position:relative}
.stack-hero .sh-connection svg{width:100%;height:100%;min-height:0;flex:1;display:block;fill:none;stroke-width:1}
.stack-hero .sh-connection .sh-bracket{stroke:var(--sh-muted);opacity:.5}
.stack-hero .sh-connection .sh-arrow{stroke:var(--sh-action);stroke-width:1.6}
.stack-hero .sh-network-field{flex:1;min-height:0;display:flex;flex-direction:column;padding:21px 25px 18px;background:var(--sh-action);color:#fff}
.stack-hero .sh-network-name{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.stack-hero .sh-network-name>img{width:56px;height:40px}
.stack-hero .sh-network-name>span{font-family:var(--mono);font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.035em}
.stack-hero .sh-network-name>.sh-network-short{display:none}
.stack-hero .sh-network-message{font:700 clamp(29px,2.5vw,36px)/1.04 var(--display);letter-spacing:-.035em}
.stack-hero .sh-network-note{font-size:12px;line-height:1.5;margin-top:auto;padding-top:16px}
.stack-hero .sh-responsibility{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding-block:17px 0;font-size:12px;color:var(--sh-muted)}
.stack-hero .sh-responsibility strong{color:var(--sh-ink);font-weight:600}
.stack-hero .sh-responsibility>a{white-space:nowrap;font-size:11px;text-decoration:underline}
.stack-hero .sh-hero-close{padding-top:23px;font-size:11px;line-height:1.55;color:var(--sh-muted)}
.stack-hero .sh-hero-close a{display:inline-flex;align-items:center;min-height:36px;gap:10px;text-decoration:underline}
@media(min-width:1600px){.stack-hero .sh-title{font-size:72px}}
@media(max-width:1120px){
.stack-hero .sh-hero-heading{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
.stack-hero .sh-title{font-size:clamp(42px,4.8vw,56px)}
.stack-hero .sh-preservation{grid-template-columns:115px minmax(0,1fr) auto;gap:16px}
.stack-hero .sh-preservation>small{max-width:23ch;padding-left:17px}
.stack-hero .sh-comparison-grid{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}
.stack-hero .sh-layer-name{font-size:21px}
.stack-hero .sh-layer-link{grid-template-columns:23px minmax(0,1fr) 15px;gap:9px;min-height:90px}
.stack-hero .sh-layer-advisory{font-size:12px;gap:8px}
.stack-hero .sh-network-message{font-size:31px}
.stack-hero .sh-network-field{padding-inline:23px}
.stack-hero .sh-responsibility,.stack-hero .sh-responsibility>a{font-size:11px}
}
@media(max-width:760px){
.stack-hero{padding-block:29px 28px}
.stack-hero .sh-wrap{padding-inline:24px}
.stack-hero .sh-hero-heading{display:block;margin-bottom:27px}
.stack-hero .sh-hero-copy>.sh-kicker{font-size:10px;margin-bottom:14px}
.stack-hero .sh-title{font-size:clamp(35px,6.5vw,48px);line-height:1.06;letter-spacing:-.045em}
.stack-hero .sh-hero-brief{margin-top:22px}
.stack-hero .sh-hero-deck{font-size:15px;line-height:1.65;max-width:52ch}
.stack-hero .sh-hero-actions{gap:17px;margin-top:18px}
.stack-hero .sh-button{min-height:48px;font-size:13px;padding:12px 16px;gap:21px}
.stack-hero .sh-text-action{font-size:12px;min-height:44px}
.stack-hero .sh-hero-assurance{font-size:10px;margin-top:9px;max-width:38ch}
.stack-hero .sh-comparison-label{font-size:9px;letter-spacing:.025em;gap:12px;padding-block:11px}
.stack-hero .sh-comparison-label>span:last-child{max-width:20ch;text-align:right}
.stack-hero .sh-preservation{display:block;padding:17px 18px}
.stack-hero .sh-preservation>span{display:block;font-size:9px;margin-bottom:8px}
.stack-hero .sh-preservation>p{font-size:24px;line-height:1.15}
.stack-hero .sh-preservation>small{display:none}
.stack-hero .sh-comparison-grid{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);padding-top:17px}
.stack-hero .sh-system-head{display:block;min-height:78px;margin-bottom:12px}
.stack-hero .sh-system-head>img{width:36px;height:29px;margin-bottom:8px}
.stack-hero .sh-system-head .sh-motoko{width:34px;height:29px}
.stack-hero .sh-system-head p{font-size:9px;letter-spacing:.015em;margin-bottom:3px}
.stack-hero .sh-system-head h2{font-size:13px;line-height:1.25;letter-spacing:-.02em}
.stack-hero .sh-layer-link{grid-template-columns:minmax(0,1fr) 12px;align-content:center;min-height:116px;gap:5px;padding:12px 2px 12px 0}
.stack-hero .sh-layer-index{display:none}
.stack-hero .sh-layer-name{font-size:17px;line-height:1.2;letter-spacing:-.04em;margin-bottom:7px}
.stack-hero .sh-layer-advisory{display:block;font-size:11px;line-height:1.5}
.stack-hero .sh-layer-advisory time{display:block;font-size:9px;margin-bottom:4px}
.stack-hero .sh-layer-arrow{font-size:14px;align-self:start;padding-top:3px}
.stack-hero .sh-evidence-caption{font-size:9px;line-height:1.65;margin-top:12px}
.stack-hero .sh-connection{padding-top:90px}
.stack-hero .sh-connection svg{height:100%}
.stack-hero .sh-network-field{min-height:0;padding:14px 13px}
.stack-hero .sh-network-name{display:flex;align-items:center;margin-bottom:18px;gap:5px}
.stack-hero .sh-network-name>img{width:36px;height:27px}
.stack-hero .sh-network-name>.sh-network-long{display:none}
.stack-hero .sh-network-name>.sh-network-short{display:inline;margin:0;font-size:10px;letter-spacing:0}
.stack-hero .sh-network-message{font-size:22px;line-height:1.06;letter-spacing:-.035em}
.stack-hero .sh-network-note{font-size:10px;line-height:1.55;padding-top:15px}
.stack-hero .sh-responsibility{display:block;padding-top:17px;font-size:11px;line-height:1.7}
.stack-hero .sh-responsibility>a{display:inline-flex;align-items:center;min-height:40px;margin-top:5px}
.stack-hero .sh-hero-close{padding-top:8px;font-size:10px}
}
@media(max-width:370px){
.stack-hero{padding-top:26px}
.stack-hero .sh-wrap{padding-inline:20px}
.stack-hero .sh-title{font-size:33px}
.stack-hero .sh-hero-copy>.sh-kicker{font-size:9px}
.stack-hero .sh-hero-deck{font-size:14px}
.stack-hero .sh-hero-actions{gap:13px}
.stack-hero .sh-button{padding-inline:13px;gap:17px;font-size:12px}
.stack-hero .sh-text-action{font-size:11px}
.stack-hero .sh-hero-assurance{font-size:9px}
.stack-hero .sh-comparison-label{font-size:9px}
.stack-hero .sh-preservation{padding:15px}
.stack-hero .sh-preservation>p{font-size:22px}
.stack-hero .sh-preservation>span{font-size:8px}
.stack-hero .sh-comparison-grid{display:block}
.stack-hero .sh-system-head{display:flex;min-height:48px;gap:11px;margin-bottom:13px}
.stack-hero .sh-system-head>img,.stack-hero .sh-system-head .sh-motoko{margin-bottom:0;width:38px;height:32px}
.stack-hero .sh-system-head p{font-size:9px;margin-bottom:3px}
.stack-hero .sh-system-head h2{font-size:16px}
.stack-hero .sh-layer-link{grid-template-columns:22px minmax(0,1fr) 16px;min-height:92px;gap:10px;padding-block:14px}
.stack-hero .sh-layer-advisory{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:11px}
.stack-hero .sh-layer-advisory time{display:inline;margin:0;font-size:9px}
.stack-hero .sh-layer-arrow{font-size:16px}
.stack-hero .sh-comparison-grid>div:last-child{display:block}
.stack-hero .sh-layer-index{display:block;padding-top:3px;font-size:9px}
.stack-hero .sh-layer-name{font-size:20px;margin-bottom:6px}
.stack-hero .sh-connection{padding:0;height:50px;display:flex;align-items:center;justify-content:center}
.stack-hero .sh-connection svg{display:none}
.stack-hero .sh-connection::after{content:"↓";color:var(--sh-action);font-size:28px;line-height:1}
.stack-hero .sh-network-field{min-height:0;padding:22px}
.stack-hero .sh-network-name{margin-bottom:20px;gap:16px}
.stack-hero .sh-network-name>img{width:45px;height:32px}
.stack-hero .sh-network-name>.sh-network-short{font-size:11px}
.stack-hero .sh-network-message{font-size:29px;line-height:1.07}
.stack-hero .sh-network-note{font-size:12px;line-height:1.6;margin-top:21px;padding-top:16px;border-top:1px solid #ffffff66}
.stack-hero .sh-responsibility{font-size:10px}
.stack-hero .sh-hero-close{font-size:9px}
}

/* The comparison caption opens the maintained advisory register. */
.stack-hero .sh-evidence-caption>a{display:inline-flex;align-items:center;gap:8px;min-height:32px;text-decoration:underline;text-underline-offset:4px}