/* GLACIO subpages — shares tokens from /css/style.css */
body.subpage{overflow-x:hidden}

.gl-nav{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:16px clamp(20px,4vw,46px);border-bottom:1px solid var(--line);
  background:rgba(4,8,13,.94);backdrop-filter:blur(12px);
}
.gl-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,46px)}
.gl-nav .brand{cursor:pointer}

.gl-hero{padding:clamp(56px,8vw,118px) 0 clamp(38px,5vw,68px);border-bottom:1px solid var(--line);position:relative}
.gl-hero .eyebrow{
  font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ice-dim);
  display:flex;align-items:center;gap:14px;margin-bottom:26px;
}
.gl-hero .eyebrow::before{content:"";width:34px;height:1px;background:var(--ice-dim)}
.gl-hero h1{font-size:clamp(32px,5.4vw,66px);line-height:1.08;letter-spacing:-.022em;font-weight:600;max-width:20em}
.gl-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ice);font-size:1.05em;letter-spacing:0}
.gl-hero p{color:var(--text-dim);font-size:clamp(16px,1.6vw,19px);line-height:1.85;max-width:62em;margin-top:26px}
.gl-lede{color:var(--text);font-size:clamp(17px,1.7vw,20px)}

.gl-section{padding:clamp(52px,7vw,92px) 0;border-bottom:1px solid var(--line)}
.gl-section h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.02em;font-weight:600;max-width:24em}
.gl-section h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--ice);font-size:1.05em;letter-spacing:0}
.gl-section p{color:var(--text-dim);margin-top:20px;max-width:70em;line-height:1.85}
.gl-section p strong{color:var(--text);font-weight:600}
.gl-section a.link{color:var(--ice);border-bottom:1px solid var(--line)}
.gl-section a.link:hover{border-color:var(--glow);color:var(--glow)}

.gl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.gl-card{background:var(--deep);padding:32px 28px}
.gl-card .kicker{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--glow);display:block;margin-bottom:14px}
.gl-card h3{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.gl-card p{font-size:15.5px;color:var(--text-dim);margin-top:14px;line-height:1.75}
.gl-card ul{margin-top:16px;padding-left:18px;color:var(--text-dim);font-size:15px;line-height:1.8}
.gl-card ul li{margin-top:6px}

.gl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.gl-stat{background:var(--abyss);padding:28px 24px}
.gl-stat b{display:block;font-family:var(--mono);font-size:clamp(24px,2.6vw,32px);color:var(--ice);letter-spacing:-.02em}
.gl-stat span{display:block;margin-top:8px;font-size:13px;color:var(--text-dim);letter-spacing:.04em}

.gl-tablewrap{border:1px solid var(--line);overflow-x:auto;margin-top:40px;background:rgba(4,8,13,.6)}
.gl-tablewrap table{width:100%;border-collapse:collapse;min-width:860px}
.gl-tablewrap th,.gl-tablewrap td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text-dim)}
.gl-tablewrap th{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ice-dim)}
.gl-tablewrap td:first-child{color:var(--text);font-weight:600}
.gl-tablewrap tr:last-child td{border-bottom:none}

.gl-cta{
  border:1px solid var(--line);padding:clamp(30px,4vw,50px);margin-top:44px;background:
  linear-gradient(180deg,rgba(59,214,255,.06),rgba(4,8,13,0) 70%);
}
.gl-cta h2{font-size:clamp(24px,2.8vw,34px)}
.gl-cta .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.gl-btn{
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ice);
  border:1px solid var(--line);padding:13px 24px;display:inline-block;transition:.25s;
}
.gl-btn:hover{background:var(--glow);color:var(--abyss);border-color:var(--glow)}
.gl-btn.solid{background:var(--glow);color:var(--abyss);border-color:var(--glow)}
.gl-btn.solid:hover{background:var(--ice)}

.gl-list{margin-top:24px;padding-left:0;list-style:none;max-width:74em}
.gl-list li{padding:14px 0;border-bottom:1px dashed var(--line);color:var(--text-dim);line-height:1.8}
.gl-list li b{color:var(--text)}

.gl-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.gl-form .f{display:flex;flex-direction:column;gap:9px}
.gl-form .f.f-wide{grid-column:1/-1}
.gl-form label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ice-dim)}
.gl-form input{
  background:rgba(4,8,13,.6);border:1px solid var(--line);color:var(--text);
  font-family:var(--sans);font-size:16px;padding:14px 16px;width:100%;
}
.gl-form input:focus{outline:none;border-color:var(--glow)}
.gl-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.gl-form .send{
  margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  background:var(--glow);color:var(--abyss);border:1px solid var(--glow);padding:14px 30px;cursor:pointer;transition:.25s;
}
.gl-form .send:hover{background:var(--ice)}
.gl-form .form-msg{margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--ice);letter-spacing:.08em;min-height:18px}

.gl-contact{margin-top:34px;display:grid;gap:10px}
.gl-contact a{color:var(--ice)}
.gl-contact span{color:var(--text-dim)}

@media (max-width:1000px){
  .gl-grid{grid-template-columns:1fr 1fr}
  .gl-stats{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .gl-nav .nav-links{display:none}
  .gl-grid{grid-template-columns:1fr}
  .gl-form .fgrid{grid-template-columns:1fr}
}