/* CC Media Creations: website showcase on existing production homepage only. */
.cc-website-hero{min-height:570px;isolation:isolate}
.cc-browser-halo{position:absolute;right:1%;top:3%;width:77%;aspect-ratio:1;border-radius:50%;background:var(--blue);opacity:.92;z-index:-1}
.cc-web-window{display:block;position:absolute;overflow:hidden;background:#fff;border-radius:15px;box-shadow:0 25px 65px rgba(7,18,36,.27);border:1px solid rgba(22,36,59,.12);transition:transform .28s ease,box-shadow .28s ease;color:var(--ink)}
.cc-web-window:hover{box-shadow:0 32px 80px rgba(7,18,36,.32)}
.cc-front-window{width:78%;height:380px;right:1%;top:11%;transform:rotate(3deg);z-index:2}
.cc-front-window:hover{transform:rotate(1deg) translateY(-7px)}
.cc-back-window{width:65%;height:305px;left:0;bottom:2%;transform:rotate(-5deg);z-index:3}
.cc-back-window:hover{transform:rotate(-2deg) translateY(-7px)}
.cc-window-bar,.cc-featured-toolbar{display:flex;align-items:center;gap:16px;background:#f5f6f8;border-bottom:1px solid #e5e7eb;padding:10px 13px;height:36px;color:#566070;font-size:10px;white-space:nowrap;overflow:hidden}
.cc-window-dots,.cc-featured-dots{color:#acb6c2;letter-spacing:2px;font-size:8px;white-space:nowrap}
.cc-window-domain{overflow:hidden;text-overflow:ellipsis}
.cc-web-window .cc-site-shot{width:100%;height:calc(100% - 94px);object-fit:cover;object-position:top center;background:#e3e7ed}
.cc-window-label{height:58px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;gap:3px}
.cc-window-label strong{font-size:14px;letter-spacing:-.03em}.cc-window-label span{font-size:10px;color:#657080}
.cc-featured-websites{background:#eaeef0;padding:94px 0 100px;color:var(--ink)}
.cc-featured-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:end;gap:36px;margin-bottom:36px}
.cc-featured-head h2{font-size:clamp(42px,5.1vw,76px);letter-spacing:-.065em;line-height:.94;margin:14px 0 0}
.cc-featured-head p{max-width:460px;font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.cc-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cc-featured-card{display:flex;flex-direction:column;min-width:0;color:inherit;transition:transform .25s ease}
.cc-featured-card:hover{transform:translateY(-6px)}
.cc-featured-browser{border:1px solid #d4dae0;border-radius:14px;overflow:hidden;background:#d7dfe7;box-shadow:0 15px 28px rgba(10,20,37,.08)}
.cc-featured-browser img{width:100%;height:245px;object-fit:cover;object-position:top center;background:#dae2e9}
.cc-featured-toolbar{height:31px;padding:7px 9px;gap:8px;font-size:9px}
.cc-featured-toolbar span:last-child{overflow:hidden;text-overflow:ellipsis}
.cc-featured-meta{display:flex;justify-content:space-between;gap:10px;padding:16px 3px}
.cc-featured-meta div{display:flex;flex-direction:column;gap:6px}.cc-featured-meta strong{font-size:16px;font-weight:800;letter-spacing:-.025em}.cc-featured-meta small{font-size:11px;color:var(--muted);line-height:1.4}
.cc-featured-arrow{font-size:20px}.cc-featured-footer{display:flex;align-items:center;gap:20px;margin-top:25px;flex-wrap:wrap}.cc-featured-footer p{font-size:11px;color:var(--muted)}
@media(max-width:1050px){.cc-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-featured-browser img{height:280px}}
@media(max-width:720px){.cc-website-hero{min-height:415px}.cc-front-window{width:78%;height:290px}.cc-back-window{width:65%;height:225px}.cc-window-label{height:51px}.cc-web-window .cc-site-shot{height:calc(100% - 87px)}.cc-featured-websites{padding:64px 0}.cc-featured-head{grid-template-columns:1fr;gap:15px}.cc-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-featured-browser img{height:155px}.cc-featured-meta strong{font-size:13px}.cc-featured-meta small{font-size:10px}.cc-featured-toolbar{font-size:8px}.cc-featured-footer{align-items:flex-start}}
@media(max-width:400px){.cc-featured-grid{grid-template-columns:1fr}.cc-featured-browser img{height:260px}}
@media(prefers-reduced-motion:reduce){.cc-web-window,.cc-featured-card{transition:none}}