.content-page { background:#f6f5f2; }

.content-hero {
  position:relative;
  padding:190px 0 112px;
  overflow:hidden;
  color:#fff;
  background:radial-gradient(circle at 82% 24%,rgba(245,130,32,.21),transparent 31%),#0b0e12;
}

.content-hero::after {
  position:absolute;
  inset:0;
  opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent,black 58%,transparent);
  content:"";
}

.content-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.72fr); gap:clamp(55px,8vw,120px); align-items:center; }
.content-hero-copy h1 { max-width:860px; margin-top:20px; font:700 clamp(3.35rem,6vw,6.5rem)/.89 "Archivo Narrow",sans-serif; letter-spacing:-.047em; text-transform:uppercase; }
.content-hero-copy h1 span { display:block; color:#f58220; }
.content-hero-copy > p:not(.kicker) { max-width:720px; margin-top:28px; color:rgba(255,255,255,.65); font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.78; }
.content-hero-note { margin-top:22px; color:rgba(255,255,255,.44); font-size:.72rem; line-height:1.65; }

.poes-visual { position:relative; min-height:500px; border:1px solid rgba(255,255,255,.1); border-radius:26px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(245,130,32,.13),transparent 42%),rgba(255,255,255,.025); box-shadow:0 50px 110px rgba(0,0,0,.35); }
.poes-visual::before,.poes-visual::after { position:absolute; inset:13%; border:1px solid rgba(255,255,255,.09); border-radius:50%; content:""; }
.poes-visual::after { inset:27%; border-color:rgba(245,130,32,.22); }
.poes-core-mark { position:relative; z-index:4; width:150px; height:150px; border-radius:50%; display:grid; place-items:center; text-align:center; color:#111519; background:radial-gradient(circle at 30% 24%,#ffc267,#f58220 48%,#a94400); box-shadow:0 0 0 20px rgba(245,130,32,.07),0 0 70px rgba(245,130,32,.32); }
.poes-core-mark small,.poes-core-mark strong { display:block; }
.poes-core-mark small { font-size:.58rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; opacity:.63; }
.poes-core-mark strong { font:700 2.8rem/.9 "Archivo Narrow",sans-serif; letter-spacing:-.04em; }
.poes-satellite { position:absolute; z-index:3; min-width:116px; padding:15px 18px; border:1px solid rgba(255,255,255,.11); border-radius:14px; color:#fff; background:rgba(14,20,27,.9); box-shadow:0 18px 45px rgba(0,0,0,.26); }
.poes-satellite span,.poes-satellite strong { display:block; }
.poes-satellite span { color:rgba(255,255,255,.4); font-size:.56rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.poes-satellite strong { margin-top:4px; font-size:.72rem; }
.sat-cms { top:9%; left:8%; }
.sat-screen { right:7%; top:19%; }
.sat-ssp { right:7%; bottom:18%; }
.sat-rules { bottom:9%; left:8%; }
.poes-visual-status { position:absolute; right:20px; bottom:18px; left:20px; padding:13px 16px; border:1px solid rgba(255,255,255,.08); border-radius:11px; display:flex; justify-content:space-between; color:rgba(255,255,255,.43); background:rgba(3,5,7,.7); font-size:.58rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.poes-visual-status b { color:#81d69a; }

.content-section { padding:var(--section-space) 0; }
.content-section-dark { color:#fff; background:#0b0e12; }
.content-section-light { background:#fff; }
.content-section-soft { background:#f0efeb; }
.content-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.5fr); gap:clamp(46px,8vw,120px); align-items:end; }
.content-heading h2 { max-width:900px; margin-top:18px; font:600 clamp(2.8rem,5.3vw,5.6rem)/.93 "Archivo Narrow",sans-serif; letter-spacing:-.04em; text-transform:uppercase; }
.content-heading > p { color:#6b6f73; line-height:1.78; }
.content-section-dark .content-heading > p { color:rgba(255,255,255,.53); }

.definition-strip { margin-top:64px; padding:clamp(34px,6vw,72px); border-radius:24px; display:grid; grid-template-columns:.55fr 1fr; gap:clamp(36px,7vw,100px); color:#17191b; background:#f58220; }
.definition-strip strong { font:700 clamp(4rem,8vw,8.5rem)/.78 "Archivo Narrow",sans-serif; letter-spacing:-.05em; }
.definition-strip h3 { font:600 clamp(2.3rem,4vw,4.1rem)/.96 "Archivo Narrow",sans-serif; }
.definition-strip p { margin-top:18px; color:rgba(23,25,27,.65); line-height:1.78; }

.process-grid { margin-top:68px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.12); }
.process-card { min-height:310px; padding:30px 25px; border-right:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; }
.process-card:last-child { border-right:0; }
.process-card > span { color:#f58220; font-size:.68rem; font-weight:900; letter-spacing:.09em; }
.process-card h3 { margin-top:auto; padding-top:55px; font:600 clamp(1.8rem,2.8vw,2.8rem)/.98 "Archivo Narrow",sans-serif; }
.process-card p { margin-top:15px; color:rgba(255,255,255,.48); font-size:.83rem; line-height:1.7; }

.protection-grid { margin-top:64px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.protection-card { min-height:300px; padding:32px; border:1px solid #dedfe0; border-radius:18px; display:flex; flex-direction:column; background:#faf9f7; }
.protection-card > span { color:#d76508; font-size:.67rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.protection-card h3 { margin-top:auto; padding-top:52px; font:600 clamp(2rem,3.3vw,3.2rem)/.98 "Archivo Narrow",sans-serif; }
.protection-card p { margin-top:15px; color:#6b6f73; font-size:.84rem; line-height:1.7; }

.revenue-panel { padding:clamp(42px,7vw,90px); border-radius:28px; display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(50px,8vw,120px); color:#fff; background:radial-gradient(circle at 10% 15%,rgba(245,130,32,.25),transparent 30%),#111519; }
.revenue-number span { display:block; color:#f58220; font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.revenue-number strong { display:block; margin-top:20px; font:700 clamp(6rem,12vw,12rem)/.72 "Archivo Narrow",sans-serif; letter-spacing:-.07em; }
.revenue-number small { display:block; margin-top:24px; color:rgba(255,255,255,.45); font-size:.72rem; line-height:1.65; }
.revenue-copy h2 { font:600 clamp(2.8rem,5vw,5.2rem)/.93 "Archivo Narrow",sans-serif; letter-spacing:-.04em; }
.revenue-copy > p { margin-top:24px; color:rgba(255,255,255,.58); line-height:1.8; }
.revenue-levers { margin-top:32px; display:grid; gap:10px; }
.revenue-levers div { padding:17px 0; display:grid; grid-template-columns:38px 1fr; border-bottom:1px solid rgba(255,255,255,.1); }
.revenue-levers span { color:#f58220; font-size:.68rem; font-weight:900; }
.revenue-levers strong { font-size:.86rem; }
.claim-disclaimer { margin-top:32px!important; padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:12px; color:rgba(255,255,255,.42)!important; background:rgba(255,255,255,.035); font-size:.67rem; line-height:1.68!important; }

.architecture-grid { margin-top:66px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.architecture-card { min-height:330px; padding:34px; border-radius:18px; display:flex; flex-direction:column; color:#fff; background:#111519; }
.architecture-card:nth-child(2) { color:#17191b; background:#f58220; }
.architecture-card > span { font-size:.67rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; opacity:.62; }
.architecture-card h3 { margin-top:auto; padding-top:58px; font:600 clamp(2.2rem,3.8vw,3.7rem)/.96 "Archivo Narrow",sans-serif; }
.architecture-card p { margin-top:16px; color:rgba(255,255,255,.53); font-size:.84rem; line-height:1.72; }
.architecture-card:nth-child(2) p { color:rgba(23,25,27,.64); }

.about-hero { background:radial-gradient(circle at 80% 20%,rgba(245,130,32,.18),transparent 34%),#0b0e12; }
.about-statement { padding:clamp(42px,7vw,82px); border-left:5px solid #f58220; color:#fff; background:#111519; }
.about-statement p { max-width:1080px; font:500 clamp(2rem,4vw,4rem)/1.08 "Archivo Narrow",sans-serif; letter-spacing:-.025em; }
.about-statement p span { color:#f58220; }
.about-grid { margin-top:68px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.about-card { min-height:350px; padding:34px; border:1px solid #dedfe0; border-radius:18px; display:flex; flex-direction:column; background:#fff; }
.about-card span { color:#d76508; font-size:.67rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.about-card h3 { margin-top:auto; padding-top:62px; font:600 clamp(2.1rem,3.5vw,3.5rem)/.96 "Archivo Narrow",sans-serif; }
.about-card p { margin-top:16px; color:#696d71; font-size:.84rem; line-height:1.72; }
.manifesto-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(50px,9vw,140px); }
.manifesto-grid h2 { position:sticky; top:130px; font:600 clamp(3rem,5.3vw,5.6rem)/.92 "Archivo Narrow",sans-serif; letter-spacing:-.04em; text-transform:uppercase; }
.manifesto-list { border-top:1px solid rgba(255,255,255,.12); }
.manifesto-item { padding:30px 0; display:grid; grid-template-columns:48px 1fr; gap:20px; border-bottom:1px solid rgba(255,255,255,.12); }
.manifesto-item > span { color:#f58220; font-size:.7rem; font-weight:900; }
.manifesto-item h3 { font-size:1rem; }
.manifesto-item p { margin-top:9px; color:rgba(255,255,255,.5); font-size:.84rem; line-height:1.75; }

.glossary-hero { padding-bottom:82px; }
.glossary-hero .content-hero-copy { max-width:940px; }
.glossary-hero .content-hero-copy h1 { max-width:940px; }
.glossary-toolbar { position:sticky; top:112px; z-index:20; padding:18px 0; background:rgba(246,245,242,.92); backdrop-filter:blur(18px); box-shadow:0 18px 34px rgba(11,14,18,.05); }
.glossary-search { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; }
.glossary-search label { position:relative; }
.glossary-search input { width:100%; min-height:58px; padding:0 20px; border:1px solid #d7d9da; border-radius:12px; color:#17191b; background:#fff; font:600 .9rem "Manrope",sans-serif; outline:none; }
.glossary-search input:focus { border-color:#f58220; box-shadow:0 0 0 4px rgba(245,130,32,.11); }
.glossary-count { min-width:150px; color:#6b6f73; font-size:.72rem; font-weight:800; text-align:right; }
.alphabet-filter { margin-top:13px; display:flex; gap:6px; overflow-x:auto; padding-bottom:2px; scrollbar-width:thin; }
.alphabet-filter button { min-width:36px; height:34px; padding:0 10px; border:1px solid #d9dbdc; border-radius:8px; color:#555b60; background:#fff; font:800 .67rem "Manrope",sans-serif; cursor:pointer; }
.alphabet-filter button:hover,.alphabet-filter button.is-active { color:#17191b; border-color:#f58220; background:#f58220; }
.glossary-body { padding:72px 0 var(--section-space); }
.glossary-intro { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(40px,8vw,110px); align-items:start; }
.glossary-intro h2 { font:600 clamp(2.7rem,5vw,5rem)/.94 "Archivo Narrow",sans-serif; letter-spacing:-.04em; text-transform:uppercase; }
.glossary-intro p { color:#686c70; line-height:1.8; }
.glossary-grid { margin-top:62px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.glossary-term { min-height:250px; padding:28px; border:1px solid #dedfe0; border-radius:16px; display:flex; flex-direction:column; background:#fff; scroll-margin-top:190px; }
.glossary-term[hidden] { display:none; }
.glossary-term > span { color:#d76508; font-size:.64rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.glossary-term h2 { margin-top:auto; padding-top:38px; font:600 clamp(1.8rem,2.8vw,2.7rem)/.98 "Archivo Narrow",sans-serif; letter-spacing:-.025em; }
.glossary-term p { margin-top:13px; color:#686c70; font-size:.8rem; line-height:1.7; }
.glossary-term a { color:#d76508; font-weight:800; }
.glossary-empty { margin-top:40px; padding:34px; border:1px dashed #c9ccce; border-radius:16px; color:#686c70; text-align:center; }
.glossary-empty[hidden] { display:none; }
.reference-list { margin-top:52px; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.reference-list a { padding:22px; border:1px solid rgba(255,255,255,.1); border-radius:14px; display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.68); background:rgba(255,255,255,.035); font-size:.78rem; font-weight:700; }
.reference-list a:hover { color:#fff; border-color:#f58220; }

@media (max-width:1100px) {
  .content-hero-grid { grid-template-columns:1fr; }
  .poes-visual { max-width:760px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-card:nth-child(2) { border-right:0; }
  .process-card:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.12); }
  .protection-grid,.architecture-grid,.about-grid,.glossary-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:820px) {
  .content-heading,.definition-strip,.revenue-panel,.manifesto-grid,.glossary-intro { grid-template-columns:1fr; }
  .manifesto-grid h2 { position:static; }
  .glossary-toolbar { top:106px; }
  .reference-list { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .content-hero { padding:166px 0 84px; }
  .content-hero-copy h1 { font-size:clamp(3rem,13vw,4.9rem); }
  .poes-visual { min-height:440px; }
  .poes-core-mark { width:124px; height:124px; }
  .poes-satellite { min-width:92px; padding:11px 12px; }
  .sat-cms,.sat-rules { left:4%; }
  .sat-screen,.sat-ssp { right:4%; }
  .process-grid,.protection-grid,.architecture-grid,.about-grid,.glossary-grid { grid-template-columns:1fr; }
  .process-card { border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }
  .process-card:last-child { border-bottom:0; }
  .glossary-search { grid-template-columns:1fr; }
  .glossary-count { text-align:left; }
  .glossary-toolbar { top:114px; }
}