/* HSP Original Author's Tools — visual brand refresh (HOTFIX13.24)
   Cosmetic layer only: existing ids, navigation targets and application logic remain unchanged. */
:root{
  --hsp-ink:#050608;
  --hsp-ink-2:#090b10;
  --hsp-panel:#0e1118;
  --hsp-panel-2:#141923;
  --hsp-gold:#d9b06f;
  --hsp-gold-light:#f5d28f;
  --hsp-gold-deep:#8d6737;
  --hsp-cream:#f6efe2;
  --hsp-muted:#a9a39a;
  --hsp-line:rgba(217,176,111,.23);
  --hsp-shadow:0 28px 90px rgba(0,0,0,.48);
}

body.hsp-brand-refresh{
  background:
    radial-gradient(circle at 82% 0,rgba(176,120,49,.16),transparent 34%),
    radial-gradient(circle at 8% 12%,rgba(40,58,82,.2),transparent 32%),
    linear-gradient(180deg,#050608 0%,#090b10 48%,#050608 100%);
  color:#f7f2e9;
}
body.hsp-brand-refresh::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px);
  background-size:84px 84px;mask-image:linear-gradient(to bottom,#0008,transparent 72%);
}
.hsp-brand-refresh .grain{opacity:.025}

/* Navigation / brand */
.hsp-brand-refresh .topbar{
  min-height:82px;height:auto;padding-top:8px;padding-bottom:8px;
  background:rgba(4,6,9,.88);border-bottom:1px solid rgba(217,176,111,.22);
  box-shadow:0 16px 46px rgba(0,0,0,.18);
}
.hsp-brand-refresh .brand{gap:13px;letter-spacing:.04em;min-width:0}
.hsp-brand-refresh .brand-mark{
  width:54px;height:54px;border-radius:0;border:0;background:transparent;
  color:var(--hsp-gold-light);font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500;
  position:relative;text-shadow:0 0 24px rgba(217,176,111,.22)
}
.hsp-brand-refresh .brand-mark::after{content:"";position:absolute;left:5px;right:5px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,var(--hsp-gold),transparent)}
.hsp-brand-refresh .brand-wording{display:flex;flex-direction:column;line-height:1.03;min-width:0}
.hsp-brand-refresh .brand-wording strong{font-family:Georgia,"Times New Roman",serif;font-size:11px;font-weight:500;letter-spacing:.17em;color:#e6d9c6;white-space:nowrap}
.hsp-brand-refresh .brand-wording small{font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--hsp-gold);margin-top:5px;white-space:nowrap}
.hsp-brand-refresh .beta{border-color:rgba(217,176,111,.24);color:#baa47f;background:rgba(217,176,111,.05)}
.hsp-brand-refresh .nav-link{color:#b8b0a3;border:1px solid transparent}
.hsp-brand-refresh .nav-link:hover{color:#fff4df;background:rgba(217,176,111,.06);border-color:rgba(217,176,111,.12)}
.hsp-brand-refresh .auth-link{color:#17110a!important;background:linear-gradient(135deg,#f4d18f,#c9954d)!important;border-color:#f1cf8b!important;box-shadow:0 10px 30px rgba(199,145,68,.16)}

/* New founder-led homepage */
.hsp-brand-refresh #home.hero.active{display:block;padding:0;min-height:auto;overflow:hidden}
.hsp-brand-refresh .author-hero{
  position:relative;min-height:740px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:stretch;
  border-bottom:1px solid var(--hsp-line);overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,6,9,.98) 0%,rgba(5,7,10,.93) 42%,rgba(5,7,10,.42) 67%,rgba(5,7,10,.18) 100%),
    radial-gradient(circle at 86% 38%,rgba(219,164,89,.22),transparent 34%),
    linear-gradient(135deg,#06080c,#0e141c 58%,#17110b);
}
.hsp-brand-refresh .author-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(3,4,6,.85)),radial-gradient(circle at 76% 15%,rgba(255,210,138,.08),transparent 18%)}
.hsp-brand-refresh .author-hero-copy{position:relative;z-index:2;padding:clamp(70px,7vw,112px) 4vw clamp(58px,6vw,92px) clamp(28px,7vw,112px);display:flex;flex-direction:column;justify-content:center}
.hsp-brand-refresh .author-kicker{display:flex;align-items:center;gap:14px;color:var(--hsp-gold);font-size:11px;letter-spacing:.23em;font-weight:850;text-transform:uppercase}
.hsp-brand-refresh .author-kicker::after{content:"";width:76px;height:1px;background:linear-gradient(90deg,var(--hsp-gold),transparent)}
.hsp-brand-refresh .author-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(54px,6.4vw,105px);line-height:.93;letter-spacing:-.055em;margin:24px 0 24px;max-width:900px;color:#fffaf0}
.hsp-brand-refresh .author-hero h1 .gold-line{display:block;background:linear-gradient(90deg,#f4d18f,#c89145 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hsp-brand-refresh .author-hero .lead{max-width:760px;color:#cbc3b7;font-size:clamp(17px,1.45vw,21px);line-height:1.7;margin:0}
.hsp-brand-refresh .author-hero .hero-actions{margin-top:30px;gap:13px}
.hsp-brand-refresh .author-hero .btn{padding:14px 20px;border-radius:10px}
.hsp-brand-refresh .author-hero .btn.primary{background:linear-gradient(135deg,#f7d996,#ca964c);color:#17110a;border-color:#f3d08b;box-shadow:0 14px 36px rgba(203,151,74,.18)}
.hsp-brand-refresh .author-hero .btn.ghost{background:rgba(4,6,9,.42);border-color:rgba(217,176,111,.42);color:#f2dfbd}
.hsp-brand-refresh .author-live-note{margin-top:21px;display:flex;align-items:center;gap:10px;font-size:11px;color:#958d82;letter-spacing:.04em}
.hsp-brand-refresh .author-live-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#71d18c;box-shadow:0 0 12px rgba(113,209,140,.55)}
.hsp-brand-refresh .author-live-note strong{color:#c7b9a3;font-weight:700}
.hsp-brand-refresh .author-trust{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:830px}
.hsp-brand-refresh .author-trust div{padding:13px 14px;border:1px solid rgba(217,176,111,.13);background:rgba(255,255,255,.022);min-height:82px}
.hsp-brand-refresh .author-trust span{display:block;color:var(--hsp-gold);font-size:9px;font-weight:900;letter-spacing:.16em}
.hsp-brand-refresh .author-trust strong{display:block;color:#eee6da;font-family:Georgia,"Times New Roman",serif;font-size:14px;font-weight:500;margin-top:8px}

.hsp-brand-refresh .author-hero-portrait{position:relative;z-index:1;min-height:740px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.hsp-brand-refresh .author-hero-portrait::before{content:"";position:absolute;inset:7% 5% 0 0;border-left:1px solid rgba(217,176,111,.11);background:radial-gradient(circle at 56% 36%,rgba(231,178,101,.16),transparent 30%)}
.hsp-brand-refresh .author-hero-portrait img{position:absolute;right:-2%;bottom:-3%;width:min(760px,100%);height:auto;max-height:96%;object-fit:contain;filter:saturate(.94) contrast(1.04) drop-shadow(0 40px 80px rgba(0,0,0,.5))}
.hsp-brand-refresh .founder-plaque{position:absolute;z-index:3;right:8%;bottom:8%;width:min(330px,70%);padding:18px 20px;border:1px solid rgba(217,176,111,.32);background:linear-gradient(135deg,rgba(6,8,11,.82),rgba(12,13,15,.63));backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.36)}
.hsp-brand-refresh .founder-plaque .signature{font-family:"Segoe Script","Brush Script MT",cursive;font-size:27px;color:#e0b86e;transform:rotate(-2deg);margin-bottom:8px}
.hsp-brand-refresh .founder-plaque strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:500;color:#fff2dd}
.hsp-brand-refresh .founder-plaque span{display:block;margin-top:5px;font-size:9px;letter-spacing:.2em;color:#a89c8a;text-transform:uppercase}

.hsp-brand-refresh .author-project-strip{position:relative;z-index:4;margin:-26px clamp(22px,4vw,70px) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hsp-brand-refresh .author-project-card{border:1px solid rgba(217,176,111,.22);background:linear-gradient(145deg,rgba(15,17,21,.96),rgba(8,10,13,.94));box-shadow:0 20px 55px rgba(0,0,0,.28);padding:14px;display:grid;grid-template-columns:60px 1fr;gap:13px;align-items:center;min-height:102px;cursor:pointer;color:inherit;text-align:left}
.hsp-brand-refresh .author-project-card img{width:60px;height:75px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}
.hsp-brand-refresh .author-project-card span{display:block;color:var(--hsp-gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.hsp-brand-refresh .author-project-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:500;color:#f5eee3}
.hsp-brand-refresh .author-project-card small{display:block;color:#938c81;margin-top:4px;line-height:1.35}
.hsp-brand-refresh .author-project-card:hover{border-color:rgba(245,210,143,.48);transform:translateY(-2px)}

.hsp-brand-refresh .author-story{margin:72px clamp(24px,7vw,110px) 0;padding:34px 38px;border:1px solid var(--hsp-line);background:linear-gradient(135deg,rgba(217,176,111,.055),rgba(255,255,255,.016));display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}
.hsp-brand-refresh .author-story .story-label{font-size:10px;letter-spacing:.22em;color:var(--hsp-gold);font-weight:850}
.hsp-brand-refresh .author-story h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,4vw,56px);line-height:1.02;font-weight:400;margin:10px 0 0;color:#fff3df}
.hsp-brand-refresh .author-story p{margin:0;color:#b9b1a6;line-height:1.75;font-size:15px}
.hsp-brand-refresh .author-story blockquote{margin:17px 0 0;padding-left:18px;border-left:1px solid rgba(217,176,111,.45);color:#ddc9aa;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-style:italic;line-height:1.5}

/* Official film within the new home */
.hsp-brand-refresh .studio-film-feature{margin:30px clamp(24px,7vw,110px) 90px;border-color:rgba(217,176,111,.2);background:linear-gradient(145deg,rgba(14,16,21,.96),rgba(6,8,11,.98));box-shadow:var(--hsp-shadow)}
.hsp-brand-refresh .studio-film-kicker,.hsp-brand-refresh .studio-film-corner{color:var(--hsp-gold)!important}
.hsp-brand-refresh .studio-film-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#fff3df}
.hsp-brand-refresh .studio-film-intro h2 em{color:var(--hsp-gold-light)}
.hsp-brand-refresh .studio-film-external{border-color:rgba(217,176,111,.36)!important;color:#f3d9ac!important}

/* All existing functional sections receive the same visual system without changing logic. */
.hsp-brand-refresh .section:not(#home){background:linear-gradient(180deg,rgba(6,8,11,.98),rgba(9,11,15,.98));}
.hsp-brand-refresh .eyebrow,.hsp-brand-refresh .mini-label,.hsp-brand-refresh .panel-title{color:var(--hsp-gold)}
.hsp-brand-refresh .section-head h2,.hsp-brand-refresh .center-head h2,.hsp-brand-refresh .services-intro h2,.hsp-brand-refresh .contact-card h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f7efe2}
.hsp-brand-refresh .services-intro h2 span{background:linear-gradient(90deg,#f5d28f,#be8842);-webkit-background-clip:text;background-clip:text;color:transparent}
.hsp-brand-refresh .glass,.hsp-brand-refresh .panel,.hsp-brand-refresh .price-card,.hsp-brand-refresh .service-card,.hsp-brand-refresh .sample-card,.hsp-brand-refresh .tool-card,.hsp-brand-refresh .onboarding-panel,.hsp-brand-refresh .growth-panel{
  border-color:rgba(217,176,111,.15);background:linear-gradient(145deg,rgba(18,21,27,.93),rgba(8,10,14,.96));box-shadow:0 22px 68px rgba(0,0,0,.22)
}
.hsp-brand-refresh .service-card:hover,.hsp-brand-refresh .tool-card:hover,.hsp-brand-refresh .price-card:hover{border-color:rgba(217,176,111,.4)}
.hsp-brand-refresh input,.hsp-brand-refresh select,.hsp-brand-refresh textarea{background:#080a0e;border-color:rgba(217,176,111,.16);color:#f5efe6}
.hsp-brand-refresh input:focus,.hsp-brand-refresh select:focus,.hsp-brand-refresh textarea:focus{border-color:rgba(217,176,111,.55);box-shadow:0 0 0 3px rgba(217,176,111,.08)}
.hsp-brand-refresh .btn.primary{background:linear-gradient(135deg,#f5d38e,#c79349);color:#17110a}
.hsp-brand-refresh .btn.ghost{border-color:rgba(217,176,111,.22);color:#eee2cf}
.hsp-brand-refresh .tool-icon,.hsp-brand-refresh .service-number{color:var(--hsp-gold-light)}
.hsp-brand-refresh .usage-track span{background:linear-gradient(90deg,#ae7d42,#f0cb83)}
.hsp-brand-refresh .deluxe-footer{border-top-color:rgba(217,176,111,.2);background:#050608}
.hsp-brand-refresh .footer-brand strong{font-family:Georgia,"Times New Roman",serif;color:#f1d4a2}
.hsp-brand-refresh .footer-links button,.hsp-brand-refresh .footer-links a{color:#aaa095}
.hsp-brand-refresh .footer-links button:hover,.hsp-brand-refresh .footer-links a:hover{color:#f0cd8b}

/* Admin branding */
body.hsp-brand-refresh.admin-body .admin-shell{margin-top:112px}
body.hsp-brand-refresh.admin-body .admin-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f5dfb6}
body.hsp-brand-refresh.admin-body .admin-card-grid article,body.hsp-brand-refresh.admin-body .admin-panel{border-color:rgba(217,176,111,.15);background:linear-gradient(145deg,rgba(17,20,26,.95),rgba(8,10,13,.97))}
body.hsp-brand-refresh.admin-body .admin-section-tabs button{border-color:rgba(217,176,111,.2);background:#0a0d12;color:#d7c7ae}
body.hsp-brand-refresh.admin-body .admin-section-tabs button:hover{border-color:rgba(217,176,111,.5);color:#fff0d2}

/* Reader / quiz utility pages: same premium family, functionality untouched. */
body.hsp-brand-refresh .reader-shell,body.hsp-brand-refresh .quiz-shell{background:transparent;color:#f6efe4}
body.hsp-brand-refresh .reader-hero,body.hsp-brand-refresh .quiz-card{border-color:rgba(217,176,111,.2)!important;background:linear-gradient(145deg,rgba(16,19,24,.96),rgba(7,9,12,.98))!important;box-shadow:0 24px 80px rgba(0,0,0,.34)}
body.hsp-brand-refresh .reader-kicker,body.hsp-brand-refresh .quiz-kicker,body.hsp-brand-refresh .reader-loading span,body.hsp-brand-refresh .quiz-loading span{color:var(--hsp-gold)!important}
body.hsp-brand-refresh .reader-copy h1,body.hsp-brand-refresh .quiz-card h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important}
body.hsp-brand-refresh .quiz-btn.primary{background:linear-gradient(135deg,#f2d18f,#c59046)!important;color:#17110a!important}

/* DPA/AVV utility page */
body.hsp-brand-refresh .wrap .card{border-color:rgba(217,176,111,.18)!important;background:linear-gradient(145deg,rgba(17,20,26,.96),rgba(8,10,13,.98))!important}
body.hsp-brand-refresh .wrap h1,body.hsp-brand-refresh .wrap h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f5dfb6}
body.hsp-brand-refresh .wrap .btn{background:linear-gradient(135deg,#f2d18f,#c59046)!important;color:#17110a!important}
body.hsp-brand-refresh .wrap .btn.secondary{background:#0d1117!important;color:#f1dfc2!important;border-color:rgba(217,176,111,.25)!important}

@media(max-width:1180px){
  .hsp-brand-refresh .author-hero{grid-template-columns:1.05fr .95fr}
  .hsp-brand-refresh .author-hero-copy{padding-left:5vw}
  .hsp-brand-refresh .author-trust{grid-template-columns:repeat(2,1fr)}
  .hsp-brand-refresh .author-project-strip{grid-template-columns:repeat(2,1fr)}
  .hsp-brand-refresh .brand-wording strong{font-size:10px}.hsp-brand-refresh .brand-wording small{font-size:8px}
}
@media(max-width:900px){
  .hsp-brand-refresh .topbar{min-height:70px}
  .hsp-brand-refresh .brand-mark{width:44px;height:44px;font-size:22px}
  .hsp-brand-refresh .brand-wording strong{font-size:9px}.hsp-brand-refresh .brand-wording small{font-size:7px}
  .hsp-brand-refresh .author-hero{display:block;min-height:auto;padding-bottom:0}
  .hsp-brand-refresh .author-hero-copy{padding:72px 24px 34px}
  .hsp-brand-refresh .author-hero h1{font-size:clamp(48px,13vw,76px)}
  .hsp-brand-refresh .author-hero-portrait{min-height:520px}
  .hsp-brand-refresh .author-hero-portrait img{right:50%;transform:translateX(50%);width:min(650px,100%);max-height:100%}
  .hsp-brand-refresh .founder-plaque{right:24px;bottom:28px}
  .hsp-brand-refresh .author-project-strip{margin:0;grid-template-columns:1fr 1fr;padding:20px 20px 0}
  .hsp-brand-refresh .author-story{margin:52px 20px 0;grid-template-columns:1fr;padding:28px;gap:18px}
  .hsp-brand-refresh .studio-film-feature{margin:24px 20px 70px}
}
@media(max-width:620px){
  .hsp-brand-refresh .brand-wording{display:none}
  .hsp-brand-refresh .beta{display:none}
  .hsp-brand-refresh .author-hero-copy{padding-top:54px}
  .hsp-brand-refresh .author-hero h1{font-size:clamp(44px,14vw,64px);line-height:.96}
  .hsp-brand-refresh .author-kicker{font-size:9px;letter-spacing:.18em}.hsp-brand-refresh .author-kicker::after{width:34px}
  .hsp-brand-refresh .author-trust{grid-template-columns:1fr 1fr}
  .hsp-brand-refresh .author-hero-portrait{min-height:430px}
  .hsp-brand-refresh .founder-plaque{left:18px;right:18px;width:auto;bottom:16px}
  .hsp-brand-refresh .author-project-strip{grid-template-columns:1fr}
  .hsp-brand-refresh .author-story{padding:22px}
}