@import url("style-v10.css");

/* Complete-portfolio acquisition additions */
.portfolio-snapshot{background:#fff;border-bottom:1px solid var(--line)}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.snapshot-grid>div{min-height:145px;padding:30px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
.snapshot-grid>div:first-child{border-left:1px solid var(--line)}
.snapshot-grid strong{font-family:var(--serif);font-size:2.4rem;font-weight:400;line-height:1;color:#087fbd}
.snapshot-grid span{margin-top:10px;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.035em}

.buyer-case{background:linear-gradient(130deg,#061428,#0a315d);color:#fff;padding:110px 0}
.buyer-case-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.buyer-case-heading h2{font-family:var(--serif);font-size:clamp(2.6rem,4.5vw,4.8rem);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0}
.buyer-audiences{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.buyer-audiences article{border-top:3px solid #49c8ef;background:rgba(255,255,255,.055);padding:28px}
.buyer-audiences span{display:block;color:#75d7f8;font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.buyer-audiences h3{font-family:var(--serif);font-size:1.75rem;font-weight:400;line-height:1.15;margin:32px 0 15px}
.buyer-audiences p{color:#b7c7d8;font-size:.9rem;margin:0}
.buyer-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);margin-top:8px;padding-top:24px}
.buyer-benefits span{color:#b7c7d8;font-size:.76rem;font-weight:700;letter-spacing:.025em;padding-right:20px}

.included{padding-top:110px;padding-bottom:110px}
.included-heading{display:grid;grid-template-columns:1.25fr .75fr;column-gap:70px;align-items:end;margin-bottom:48px}
.included-heading .kicker{grid-column:1/-1}
.included-heading h2{font-family:var(--serif);font-size:clamp(2.7rem,5vw,5rem);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0}
.included-heading>p:last-child{color:var(--muted);margin:0}
.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.included-grid article{background:#fff;border-top:3px solid var(--blue);padding:26px;min-height:270px}
.included-grid span{font-family:var(--serif);color:#139cd8}
.included-grid h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.15;margin:34px 0 14px}
.included-grid p{color:var(--muted);font-size:.87rem;margin:0}
.included-note{color:var(--muted);font-size:.78rem;max-width:920px;margin:30px 0 0}

@media(max-width:900px){
  .snapshot-grid{grid-template-columns:repeat(2,1fr)}
  .snapshot-grid>div:nth-child(3){border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .snapshot-grid>div:nth-child(4){border-top:1px solid var(--line)}
  .buyer-case-grid,.included-heading{grid-template-columns:1fr;gap:38px}
  .buyer-audiences{grid-column:1}
  .buyer-benefits{grid-template-columns:repeat(2,1fr);gap:18px}
  .included-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  .hero .kicker{max-width:310px;line-height:1.5}
  .snapshot-grid{grid-template-columns:1fr 1fr}
  .snapshot-grid>div{min-height:125px;padding:23px 16px}
  .snapshot-grid strong{font-size:1.9rem}
  .snapshot-grid span{font-size:.69rem}
  .buyer-case,.included{padding-top:80px;padding-bottom:80px}
  .buyer-audiences,.included-grid{grid-template-columns:1fr}
  .buyer-benefits{grid-template-columns:1fr 1fr}
  .included-grid article{min-height:230px}
}

.collection-grid-four{grid-template-columns:repeat(4,1fr)}
.cc-rapidcool{border-top:4px solid #149ddd}
.cc-rapidcool .collection-logo{color:#082b4a;font-style:italic;letter-spacing:.02em}
.cc-rapidcool .collection-logo span{color:#19aee8}

/* v13 portfolio additions */
.cc-easyvpn{border-top:4px solid #27a9e8}.cc-easyvpn .collection-logo{color:#12314d}.cc-easyvpn .collection-logo span{color:#27a9e8}
.cc-gameclan{border-top:4px solid #8b5cf6}.cc-gameclan .collection-logo{color:#17142e}.cc-gameclan .collection-logo span{color:#8b5cf6}
.cc-icoders{border-top:4px solid #1269e8}.cc-icoders .collection-logo{color:#1269e8}.cc-icoders .collection-logo span{color:#17243a}
.cc-mtags{border-top:4px solid #f05b36}.cc-mtags .collection-logo{color:#182435}.cc-mtags .collection-logo span{color:#f05b36}
.cc-fairylight{border-top:4px solid #d99b29}.cc-fairylight .collection-logo{font-family:var(--serif);color:#66461d}.cc-fairylight .collection-logo span{color:#d99b29;font-style:italic}
.cc-homesit{border-top:4px solid #4e9b7f}.cc-homesit .collection-logo{color:#193d34}.cc-homesit .collection-logo span{color:#4e9b7f}
.cc-scuffed{border-top:4px solid #ea553f}.cc-scuffed .collection-logo{color:#222;letter-spacing:.04em}
.cc-sported{border-top:4px solid #ef4438}.cc-sported .collection-logo{color:#111;font-style:italic;letter-spacing:.025em}
.cc-coconut{border-top:4px solid #4b9b55}.cc-coconut .collection-logo{color:#245b2d;line-height:.85}.cc-coconut .collection-logo span{font-size:.55em;letter-spacing:.08em;color:#8b5d2d}
.cc-easypart{border-top:4px solid #f28c28}.cc-easypart .collection-logo{color:#193755}.cc-easypart .collection-logo span{color:#f28c28}
.cc-electrofence{border-top:4px solid #e4b431}.cc-electrofence .collection-logo{color:#222}.cc-electrofence .collection-logo span{color:#d59e05}
.cc-londonautos{border-top:4px solid #d13d35}.cc-londonautos .collection-logo{color:#1f2b36}.cc-londonautos .collection-logo span{color:#d13d35}
.cc-gardendesign{border-top:4px solid #497f5b}.cc-gardendesign .collection-logo{color:#244632;line-height:.85}.cc-gardendesign .collection-logo span{font-size:.52em;letter-spacing:.08em;color:#6e9275}
.cc-tyrerecycle{border-top:4px solid #55a846}.cc-tyrerecycle .collection-logo{color:#1d3422}.cc-tyrerecycle .collection-logo span{color:#55a846}

/* v14 acquisition clarity and portfolio navigation */
.package-note{max-width:680px;margin:25px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.17);color:#aebfd2;font-size:.8rem}
.package-note strong{color:#fff}
.collection-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.collection-nav a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:11px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.75rem;font-weight:800;text-decoration:none;text-align:center;transition:background .2s,color .2s,border-color .2s}
.collection-nav a:hover,.collection-nav a:focus-visible{background:var(--navy);border-color:var(--navy);color:#fff}
.brand-collection{scroll-margin-top:88px}
.cta .disclosure{margin:30px auto 0!important;padding-top:25px;border-top:1px solid var(--line);font-size:.75rem!important}
.privacy-main{padding:90px 0 110px}
.privacy-copy{max-width:820px;background:#fff;border-top:4px solid var(--blue);padding:42px}
.privacy-copy h1{font-family:var(--serif);font-size:clamp(2.8rem,5vw,4.8rem);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0 0 25px}
.privacy-copy h2{font-family:var(--serif);font-size:1.7rem;font-weight:400;margin:35px 0 10px}
.privacy-copy p,.privacy-copy li{color:var(--muted)}
.privacy-copy a{color:#087fbd}

@media(max-width:1050px){.collection-grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.collection-nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.collection-grid-four,.collection-nav{grid-template-columns:1fr}.privacy-main{padding:60px 0 80px}.privacy-copy{padding:27px}}