/* ── /custom: AI integration and consulting ───────────────────
   Shares the site's tokens, buttons and cards; adds its own hero and two
   short sections. One offer, one action: book fifteen minutes. */
.custom-page{background:var(--night)}
.skip{position:absolute;left:-999px;top:0;z-index:200;background:var(--lamp);color:var(--ink);padding:.6rem 1rem;border-radius:8px}
.skip:focus{left:1rem;top:1rem}
.custom-page .nav{background:rgba(11,14,17,.6)}

.cu-hero{position:relative;padding:11rem 0 6rem;overflow:hidden;
  background:radial-gradient(70% 60% at 85% 10%,rgba(243,195,106,.10),transparent 60%),var(--night)}
.cu-h1{font-family:var(--hero);font-weight:600;letter-spacing:-.035em;line-height:1.02;font-size:clamp(2.6rem,5.4vw,4.8rem);max-width:15ch;text-wrap:balance}
.cu-h1 .lamp{color:var(--lamp)}
.cu-sub{margin-top:1.5rem;max-width:40rem;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6;color:var(--fog);font-weight:300}
.cu-hero .hv2-acts{margin-top:2.2rem}
.cu-tools{margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);color:#C9CDCB;font-size:.9rem;max-width:52rem;line-height:1.8}
.cu-tools span{color:var(--dim);margin-right:.4rem}

.cu-problem{padding:6rem 0;background:var(--night-2);border-top:1px solid rgba(255,255,255,.05)}
.cu-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.cu-problem h2,.cu-build h2{font-size:clamp(2rem,3.6vw,3rem)}
.cu-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cu-list li{padding:1.1rem 0;border-bottom:1px solid var(--line);color:var(--fog);font-size:1.05rem;line-height:1.55}
.cu-list b{color:var(--paper);font-weight:500}

.cu-build{padding:6.5rem 0;background:var(--night)}
.cu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.cu-grid .al-card a{color:var(--teal);text-underline-offset:3px}

.cu-how .eyebrow{color:var(--read)}
.cu-center{justify-content:center;margin-top:2rem}

@media(max-width:900px){
  .cu-hero{padding:8rem 0 4rem}
  .cu-two{grid-template-columns:1fr;gap:1.5rem}
  .cu-problem,.cu-build{padding:4.5rem 0}
  .cu-grid{grid-template-columns:1fr;gap:.8rem}
  .cu-hide-sm{display:none}
  .cu-hero .hv2-acts,.cu-center{flex-direction:column;align-items:stretch}
  .cu-hero .hv2-try,.cu-hero .hv2-call,.cu-center a{justify-content:center;min-height:52px}
}