/* V29 — Logo & Starter Branding page */
.logo-pack-page{
  background:#f6f9fd;
  color:#0b2342;
}
.logo-pack-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(122px,9vw,142px) 0 clamp(42px,5vw,62px);
  background:
    radial-gradient(circle at 86% 15%,rgba(39,139,255,.18),transparent 30rem),
    linear-gradient(180deg,#f9fcff 0%,#eef5fd 100%);
  border-bottom:1px solid #d9e7f4;
}
.logo-pack-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);
  gap:clamp(28px,3.5vw,50px);
  align-items:start;
}
.logo-pack-copy .eyebrow{
  color:#0c70d4!important;
}
.logo-pack-copy h1{
  max-width:720px;
  margin:10px 0 14px;
  color:#071f3d;
  font-size:clamp(2.5rem,4.45vw,4.25rem);
  line-height:.94;
  letter-spacing:-.065em;
}
.logo-pack-copy h1 span{
  color:#147be0;
}
.logo-pack-copy__lead{
  max-width:650px;
  margin:0;
  color:#506b85;
  font-size:clamp(.94rem,1vw,1.02rem);
  line-height:1.62;
}
.logo-pack-price{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin:20px 0 17px;
}
.logo-pack-price strong{
  color:#071f3d;
  font-size:clamp(2.65rem,4vw,3.85rem);
  line-height:.82;
  letter-spacing:-.06em;
}
.logo-pack-price span{
  padding-bottom:5px;
  color:#5c7690;
  font-size:.82rem;
  font-weight:800;
}
.logo-pack-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
  max-width:700px;
  margin:0 0 28px;
  padding:0;
  list-style:none;
}
.logo-pack-list li{
  position:relative;
  display:flex;
  align-items:center;
  min-height:46px;
  padding:10px 12px 10px 39px;
  border:1px solid #cfe1f1;
  border-radius:13px;
  background:rgba(255,255,255,.86);
  color:#143a5f;
  font-size:.82rem;
  font-weight:800;
  line-height:1.35;
  overflow:visible;
  white-space:normal;
  box-shadow:0 8px 24px rgba(22,81,134,.06);
}
.logo-pack-list li::before{
  content:"✓";
  position:absolute;
  left:13px;
  top:50%;
  display:grid;
  width:21px;
  height:21px;
  place-items:center;
  border-radius:50%;
  background:#137be0;
  color:#fff;
  font-size:.72rem;
  transform:translateY(-50%);
}
.logo-pack-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:start;
  gap:14px;
}
.logo-pack-actions .btn{
  min-width:180px;
}
.logo-pack-payment-unavailable{
  cursor:not-allowed;
  opacity:.7;
  pointer-events:none;
}
.logo-pack-note{
  display:block;
  max-width:320px;
  color:#6a8299;
  font-size:.78rem;
  line-height:1.5;
  overflow:visible;
  white-space:normal;
}
.logo-pack-visual{
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  max-width:610px;
  width:100%;
  justify-self:end;
}
.logo-pack-visual img{
  display:block;
  width:100%;
  height:auto;
}
.logo-pack-details{
  padding:42px 0 52px;
  background:#fff;
}
.logo-pack-details__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.logo-pack-detail{
  padding:20px;
  border:1px solid #d4e4f2;
  border-radius:20px;
  background:#f8fbff;
}
.logo-pack-detail span{
  display:inline-grid;
  width:34px;
  height:34px;
  place-items:center;
  margin-bottom:15px;
  border-radius:10px;
  background:#e3f1ff;
  color:#0c70d4;
  font-size:.76rem;
  font-weight:900;
}
.logo-pack-detail h2{
  margin:0 0 9px;
  color:#0b2342;
  font-size:1.25rem;
  letter-spacing:-.02em;
}
.logo-pack-detail p{
  margin:0;
  color:#5b748c;
  line-height:1.65;
}
@media(max-width:980px){
  .logo-pack-hero__grid{grid-template-columns:1fr;}
  .logo-pack-visual{max-width:820px;justify-self:stretch;}
}
@media(max-width:1200px){
  .logo-pack-list{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .logo-pack-hero{padding:42px 0 50px;}
  .logo-pack-list{grid-template-columns:1fr;}
  .logo-pack-details__grid{grid-template-columns:1fr;}
  .logo-pack-actions{align-items:stretch;flex-direction:column;}
  .logo-pack-actions .btn{width:100%;}
}