/* ASWAD Follow Hub V13 — a single honest entry point; never fake OAuth actions. */
:root{--follow-red:#e53a45;--follow-ink:#f3f0eb}
.follow-universal-v13{
  display:flex;align-items:center;gap:clamp(12px,1.6vw,21px);
  margin:clamp(26px,3vw,40px) auto 0;padding:clamp(17px,2vw,25px) clamp(17px,2.5vw,32px);
  max-width:680px;min-height:96px;border:1px solid rgba(249,87,94,.63);
  border-radius:12px;background:linear-gradient(120deg,#f0505b,#bb2533);
  color:#fff;box-shadow:0 24px 70px rgba(150,25,41,.20);
  text-align:left;transition:transform .2s,box-shadow .2s;
}
.follow-universal-v13:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(150,25,41,.30);color:white}
.follow-universal-v13>.follow-universal-mark{
  display:grid;place-items:center;flex:none;width:50px;height:50px;
  background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.35);
  border-radius:50%;font-size:1.9rem
}
.follow-universal-v13>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.follow-universal-v13 strong{font-size:clamp(1.13rem,1.6vw,1.5rem);font-weight:1000;letter-spacing:-.03em;line-height:1.13}
.follow-universal-v13 small{font-size:.68rem;font-weight:800;letter-spacing:.17em;opacity:.91}
.follow-universal-arrow{font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:700}
.follow-intro-v12 .follow-universal-note{font-size:.78rem;color:#b5b2ac;margin:14px 0 0}
.follow-section-v12 .follow-grid-v12{margin-top:44px}
.follow-preview-v13{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.74fr);
  gap:clamp(25px,5vw,80px);align-items:center;
  padding-top:90px;padding-bottom:30px;
  border-top:1px solid rgba(255,255,255,.15)
}
.follow-preview-v13 h2{font-size:clamp(3rem,4.6vw,6.1rem);font-weight:1000;line-height:1.04;letter-spacing:-.065em;margin:21px 0}
.follow-preview-v13 h2 em{color:var(--follow-red);font-style:normal}
.follow-preview-v13 p{color:#c3c0ba;line-height:1.7;max-width:650px}
.follow-preview-v13 .follow-universal-v13{margin:0;width:100%}
.follow-hub-hero-v13{
  position:relative;min-height:min(880px,100svh);
  display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(175px,14vw,240px);
  padding-bottom:clamp(75px,8vw,140px);
  background:radial-gradient(ellipse at 85% 25%,rgba(173,24,43,.13),transparent 42%);
}
.follow-hub-hero-v13 h1{
 font-size:clamp(4rem,9.5vw,10rem);
 line-height:.94;letter-spacing:-.095em;font-weight:1000;margin:24px 0 30px;
 max-width:1100px;
}
.follow-hub-hero-v13 h1 em{color:var(--follow-red);font-style:normal}
.follow-hub-lead{font-size:clamp(1.05rem,1.5vw,1.5rem);max-width:770px;color:#c7c3bd;line-height:1.55}
.follow-hub-counter{
  display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;
  margin:34px 0 0;padding:17px 0;
  border-top:1px solid rgba(255,255,255,.17);max-width:810px;
}
.follow-hub-counter-label{font-size:.67rem;letter-spacing:.14em;font-weight:850;color:#b5b4b0}
.follow-hub-counter strong{font-size:clamp(1.4rem,3vw,2.4rem);font-variant-numeric:tabular-nums}
.follow-hub-counter-note{font-size:.72rem;color:#9c9b98;max-width:350px;line-height:1.4}
.follow-hub-start-v13{
  margin-top:26px;display:flex;align-items:center;justify-content:space-between;
  width:min(440px,100%);gap:14px;padding:20px 24px;
  background:#e53a45;color:#fff;font-weight:850;font-size:.85rem;letter-spacing:.1em;
}
.follow-hub-start-v13:hover{background:#fb505b;color:#fff}
.follow-hub-start-v13 span{font-size:1.4rem}
.follow-hub-steps-v13{
  padding-top:clamp(80px,9vw,130px);
  padding-bottom:clamp(100px,9vw,150px);
  border-top:1px solid rgba(255,255,255,.1);
  scroll-margin-top:135px;
}
.follow-hub-steps-heading{max-width:800px}
.follow-hub-steps-heading h2{font-size:clamp(3.8rem,7vw,8rem);line-height:.97;letter-spacing:-.082em;font-weight:1000;margin:15px 0 20px}
.follow-hub-steps-heading h2 em{font-style:normal;color:var(--follow-red)}
.follow-hub-steps-heading p{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65;color:#c5c2bd;margin-bottom:36px}
.follow-hub-list-v13{max-width:1040px}
.follow-step-v13{
  display:grid;grid-template-columns:55px minmax(0,1fr) minmax(165px,230px);
  grid-template-rows:auto auto;align-items:center;gap:0 clamp(12px,2vw,30px);
  padding:clamp(16px,2.4vw,30px) 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.follow-step-v13:first-child{border-top:1px solid rgba(255,255,255,.14)}
.follow-step-index{grid-column:1;grid-row:1;align-self:center;font-size:1.15rem;color:#9d9993;font-weight:950;font-variant-numeric:tabular-nums}
.follow-step-data{grid-column:2;grid-row:1}
.follow-step-data strong{font-size:clamp(1.3rem,2vw,2.1rem);letter-spacing:-.035em;line-height:1.1}
.follow-step-data p{font-size:.88rem;line-height:1.6;color:#bcb9b2;margin:8px 0 0;max-width:570px}
.follow-step-action{
  grid-column:3;grid-row:1 / 3;display:flex;align-items:center;gap:13px;
  color:#f3f2ee;border:1px solid rgba(255,255,255,.25);padding:12px 14px;
  min-height:56px;background:#242529;font-size:.68rem;letter-spacing:.045em;font-weight:850;
  transition:transform .2s,border-color .2s,background .2s;
}
.follow-step-action:hover{background:#34353b;border-color:#e53a45;color:white;transform:translateX(4px)}
.follow-step-sigil{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#555;flex:none;font-size:1rem}
.follow-spotify-v13 .follow-step-sigil{background:#1ed760;color:#07311a}
.follow-apple-v13 .follow-step-sigil{background:#e54660}
.follow-deezer-v13 .follow-step-sigil{background:#9b58cb}
.follow-amazon-v13 .follow-step-sigil{background:#25a7bd}
.follow-youtube-v13 .follow-step-sigil{background:#f1253f}
.follow-instagram-v13 .follow-step-sigil{background:linear-gradient(135deg,#9837b4,#eb2367,#ef9746)}
.follow-tiktok-v13 .follow-step-sigil{background:#121415;box-shadow:-2px -2px #20cfcb,2px 2px #ff4e75}
.follow-step-state{
  grid-column:2;grid-row:2;font-size:.61rem;letter-spacing:.12em;
  font-weight:750;margin-top:15px;color:#8b8985
}
.follow-step-v13.is-opened .follow-step-state{color:#a6e5a5}
.follow-step-v13.is-opened .follow-step-index{color:#e53a45}
.follow-hub-info-v13{margin:42px 0 34px;max-width:1030px;padding:24px 30px;background:rgba(255,255,255,.05);border-left:3px solid #e53a45;line-height:1.7;color:#b9b5ae}
.follow-hub-info-v13 strong{color:#f2f0ec}
.follow-hub-back-v13{display:inline-flex;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.45);font-weight:850;letter-spacing:.09em;font-size:.72rem}
@media(max-width:850px){
  .follow-preview-v13{grid-template-columns:minmax(0,1fr)}
  .follow-preview-v13 .follow-universal-v13{max-width:650px}
  .follow-hub-hero-v13{min-height:auto}
}
@media(max-width:600px){
  .follow-universal-v13{min-height:84px;padding:14px 15px;gap:10px}
  .follow-universal-v13>.follow-universal-mark{width:43px;height:43px;font-size:1.4rem}
  .follow-universal-v13 strong{font-size:1rem}
  .follow-universal-v13 small{font-size:.57rem}
  .follow-universal-arrow{font-size:1.55rem}
  .follow-hub-hero-v13{padding-top:150px;padding-bottom:75px}
  .follow-hub-hero-v13 h1{font-size:clamp(3.55rem,11.8vw,5.6rem);line-height:1}
  .follow-hub-counter{gap:10px 15px}
  .follow-hub-counter-note{width:100%;max-width:100%}
  .follow-hub-steps-v13{padding-top:70px;scroll-margin-top:110px}
  .follow-hub-steps-heading h2{font-size:clamp(3.5rem,10vw,5.4rem)}
  .follow-step-v13{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;gap:7px 12px;padding:22px 0}
  .follow-step-index{grid-column:1;grid-row:1}
  .follow-step-data{grid-column:2;grid-row:1}
  .follow-step-action{grid-column:2;grid-row:2;min-height:54px;max-width:280px;margin-top:12px}
  .follow-step-state{grid-column:2;grid-row:3;margin:5px 0 0}
  .follow-hub-info-v13{padding:20px 17px}
}
@media(prefers-reduced-motion:reduce){
 .follow-universal-v13,.follow-step-action{transition:none}
}