/* Normal scrolling pages (ecosystem hub, privacy notice), 2026-10-24.
   styles.css locks <body> for the one-page story; this file unlocks it
   for pages that scroll like a regular website and adds their few extras. */
html,body{height:auto;min-height:100%}
body.pg{position:static;overflow:auto;overscroll-behavior:auto}
.pg [data-reveal]{opacity:1;transform:none}

.pg-hud{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;
  padding:5px var(--pad);background:rgba(0,0,0,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair-soft);
}
.pg-hud .brand{min-height:44px}
.pg-nav{display:flex;flex-wrap:wrap;gap:2px;flex:1;min-width:0}
.pg-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;
  font-family:var(--font-cond);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.pg-nav a:hover,.pg-nav a:focus-visible{color:var(--paper)}
.pg-hud .lang{margin-left:auto}
.pg-back{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--hair);
  font-family:var(--font-cond);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper)}
.pg-back:hover,.pg-back:focus-visible{border-color:var(--paper)}
@media (max-width:760px){.pg-nav{order:3;flex-basis:100%;margin:0 -10px}.pg-back{display:none}}

.pg-main{max-width:1240px;margin:0 auto;padding:clamp(40px,8vh,84px) var(--pad) 96px}
.pg-main :target{scroll-margin-top:110px}
.pg-h1{font-size:clamp(52px,9vw,112px);margin:16px 0 0}
.pg-define{display:grid;gap:24px 40px;margin-top:28px;max-width:1080px}
@media (min-width:860px){.pg-define{grid-template-columns:1fr 1fr}}
.pg-define p{margin:0;font-size:clamp(17px,1.8vw,19px);line-height:1.6;color:var(--ash)}
.pg-main .bx-layer{margin-top:clamp(64px,11vh,112px)}
.pg-main .eco-phone-frame{display:block}

.pg-faq{margin-top:clamp(72px,12vh,120px);max-width:920px}
.pg-faq .bx-h{margin:14px 0 18px}
.faq-item{border-top:1px solid var(--hair)}
.faq-item:last-of-type{border-bottom:1px solid var(--hair)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.faq-item h3{margin:0;font-family:var(--font-cond);font-weight:500;font-size:clamp(18px,2vw,21px);letter-spacing:.02em}
.faq-plus{font-size:26px;line-height:1;color:var(--ash);transition:transform .2s var(--ease-out)}
.faq-item[open] .faq-plus{transform:rotate(45deg)}
.faq-item p{margin:0 0 22px;max-width:70ch;font-size:16px;line-height:1.6;color:var(--ash)}

.pg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:72px;padding-top:28px;border-top:1px solid var(--hair)}

.pg-legal{max-width:780px}
.pg-legal-body h2{font-family:var(--font-cond);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:18px;margin:34px 0 8px}
.pg-legal-body p{margin:0;font-size:16px;line-height:1.65;color:var(--ash)}