@layer components{.marketing-page{background:var(--card);min-height:100vh}.marketing-width{width:min(1280px,100% - 80px);margin-inline:auto}.overview-hero{isolation:isolate;background:var(--card);color:var(--foreground);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.overview-hero .hero-image{object-fit:cover;object-position:center top;filter:grayscale()invert();z-index:-1;opacity:.08;width:100%;height:100%;position:absolute;inset:0;transform:none}[data-theme=dark] .overview-hero .hero-image{filter:grayscale();opacity:.1}.overview-copy{padding-block:34px 38px}.overview-copy h1{width:fit-content;margin-bottom:18px}.overview-headline{max-width:620px;font-size:42px;font-weight:600;line-height:1.13}.overview-description{color:var(--muted-foreground);max-width:520px;margin:17px 0 22px;font-size:14px;line-height:1.65}.overview-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.overview-primary{color:var(--on-solid);background:var(--foreground);border-color:var(--foreground)}.overview-primary:hover{background:var(--solid-hover)}.overview-secondary{background:var(--card);color:var(--foreground);border-color:var(--border)}.overview-secondary:hover{background:var(--surface)}.overview-demo{color:var(--foreground);align-items:center;gap:7px;padding:10px 5px;font-size:13px;display:inline-flex}.overview-demo:hover{text-decoration:underline}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:24px;display:grid}.offer-item{border:1px solid var(--border);border-radius:6px;align-items:center;gap:15px;min-width:0;padding:19px 17px;display:flex}.offer-item:hover{background:var(--surface)}.offer-icon{background:var(--landing-icon-soft);border-radius:6px;flex-shrink:0;place-items:center;width:44px;height:48px;display:grid}.landing-icon{--landing-icon-color:var(--action);--landing-icon-soft:var(--action-soft);color:var(--landing-icon-color)}.landing-icon[data-accent=purple]{--landing-icon-color:var(--saved);--landing-icon-soft:var(--saved-soft)}.landing-icon[data-accent=green]{--landing-icon-color:var(--positive);--landing-icon-soft:var(--positive-soft)}.landing-icon[data-accent=amber]{--landing-icon-color:var(--pending);--landing-icon-soft:var(--pending-soft)}.offer-item h2{margin-bottom:4px;font-size:14px;font-weight:600}.offer-item p{color:var(--muted-foreground);font-size:12px;line-height:1.5}.offer-arrow{color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.overview-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.overview-section-heading h2{font-size:20px;font-weight:600;line-height:1.25}.overview-section-heading p{color:var(--muted-foreground);margin-top:5px;font-size:12px}.overview-section-heading>.text-link{flex-shrink:0;font-size:12px}.community-overview{border-top:1px solid var(--border);padding-top:24px}.overview-grid{grid-template-columns:1.35fr 1fr 1fr;align-items:stretch;gap:24px;display:grid}.overview-grid>*,.community-detail-grid>*,.featured-copy{min-width:0}.landing-project-item{border:1px solid var(--border);background:var(--card);border-radius:6px;padding:14px}.preview-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:12px;font-weight:550;display:flex}.preview-label>span:first-child{align-items:center;gap:8px;display:flex}.sample-label{background:var(--surface);width:fit-content;color:var(--muted-foreground);border-radius:4px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-flex}.spotlight-cover{color:#fff;background:#090b0d;border-radius:4px;height:105px;margin-bottom:13px;display:block;position:relative;overflow:hidden}.spotlight-cover img{object-fit:cover;object-position:center top;filter:grayscale();width:100%;height:100%}.landing-project-item h3{font-size:16px;font-weight:600;line-height:1.35}.landing-project-item h3 a:hover{text-decoration:underline}.landing-project-item p{color:var(--muted-foreground);margin-top:5px;font-size:12px;line-height:1.5}.landing-tags{flex-wrap:wrap;gap:5px;display:flex}.project-preview-bottom{justify-content:space-between;align-items:center;gap:10px;margin-block:12px;display:flex}.marketing-page .text-link{font-size:12px}.contributors-preview,.progress-preview{padding:14px 0}.progress-preview{border-left:1px solid var(--border);padding-left:24px}.landing-people{gap:2px;margin-bottom:12px;display:grid}.landing-person{align-items:center;gap:10px;min-height:53px;padding-block:7px;display:flex}.landing-person>div:nth-child(2){flex:1;min-width:0}.landing-person strong{font-size:12px;font-weight:600;display:block}.landing-person span{color:var(--muted-foreground);font-size:11px;line-height:1.5;display:block}.landing-person>svg{color:var(--muted-foreground);flex-shrink:0}.landing-person:hover strong{text-decoration:underline}.progress-project-name{margin-bottom:17px;font-size:14px;font-weight:550;line-height:1.4;display:block}.progress-preview .project-progress{max-width:none}.progress-numbers{grid-template-columns:repeat(3,1fr);margin-top:19px;display:grid}.progress-numbers>div+div{border-left:1px solid var(--border);padding-left:14px}.progress-numbers dt{color:var(--muted-foreground);font-size:10px}.progress-numbers dd{margin-top:5px;font-size:19px;font-weight:600}.milestone-preview{gap:9px;margin:19px 0;display:grid}.milestone-preview li{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.milestone-preview svg{flex-shrink:0}.milestone-done{color:var(--positive)}.community-detail-grid{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(140px,.62fr);gap:24px;margin-top:28px;padding-top:24px;display:grid}.community-detail-grid h2{margin-bottom:13px;font-size:15px;font-weight:600}.featured-item{grid-template-columns:minmax(100px,.85fr) minmax(0,1.3fr);gap:15px;padding:10px;display:grid}.featured-cover{border-radius:4px;min-height:175px;display:block;overflow:hidden}.featured-cover img{object-fit:cover;width:100%;height:100%}.featured-copy{padding:3px 2px}.featured-copy h3{margin-top:6px;font-size:14px}.featured-copy .team-stack{margin-block:11px}.featured-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.featured-footer .btn{white-space:nowrap}.activity-preview li+li{border-top:1px solid var(--border)}.activity-preview li>a{align-items:flex-start;gap:9px;padding-block:10px;display:flex}.activity-preview li>a>svg{color:var(--action);flex-shrink:0;margin-top:3px}.activity-preview li>a>div{flex:1;min-width:0}.activity-preview strong{font-size:11px;font-weight:550}.activity-preview p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.activity-preview time{white-space:nowrap;color:var(--muted-foreground);margin-top:3px;font-size:9px}.impact-preview{border-left:1px solid var(--border);padding-left:20px}.impact-preview dl{gap:17px;display:grid}.impact-preview dl>div{align-items:center;gap:12px;display:flex}.impact-preview svg{flex-shrink:0}.impact-preview dd{font-size:20px;font-weight:600;line-height:1}.impact-preview dt{color:var(--muted-foreground);margin-top:3px;font-size:10px;line-height:1.5}.how-overview{padding-block:28px 24px}.how-overview .overview-section-heading h2{font-size:18px}.how-overview ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.how-overview li>a{border:1px solid var(--border);border-radius:5px;align-items:center;gap:13px;min-height:76px;padding:15px;display:flex}.how-overview li>a:hover{background:var(--surface)}.step-number{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.how-overview h3{font-size:12px;font-weight:600}.how-overview li p{color:var(--muted-foreground);margin-top:3px;font-size:11px;line-height:1.5}.how-overview li svg{flex-shrink:0;margin-left:auto}.overview-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-block:20px 26px;display:flex}.overview-footer>div,.overview-footer nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.overview-footer span,.overview-footer nav{color:var(--muted-foreground);font-size:10px}.marketing-page :is(h2,h3,p,strong){overflow-wrap:anywhere}@media (min-width:1600px){.overview-hero .hero-image{object-position:center 56%}}@media (max-width:1050px){.marketing-width{width:calc(100% - 48px)}.offer-item{gap:10px;padding:14px}.offer-arrow{display:none}.overview-grid{grid-template-columns:1.2fr 1fr;gap:20px}.progress-preview{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 0 0;display:grid}.progress-preview .preview-label,.progress-project-name,.progress-preview .project-progress{margin:0}.progress-numbers{grid-area:1/2/4;align-items:center;margin:0}.milestone-preview{margin:0}.community-detail-grid{grid-template-columns:1.5fr 1fr}.impact-preview{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;padding:18px 0 0}.impact-preview dl{grid-template-columns:repeat(4,1fr)}.featured-item{grid-template-columns:1fr}.featured-cover{height:120px;min-height:0}}@media (max-width:700px){.marketing-width{width:calc(100% - 36px)}.overview-copy{padding-block:26px 28px}.overview-copy h1{margin-bottom:18px}.overview-copy h1 img{width:141px!important;height:30px!important}.overview-headline{max-width:430px;font-size:31px}.overview-description{max-width:420px;font-size:13px;line-height:1.6}.overview-hero .hero-image{object-position:35% center}.overview-actions{gap:10px}.overview-actions .btn{min-height:40px;padding-inline:12px;font-size:12px}.overview-demo{font-size:12px}.offer-grid{grid-template-columns:1fr;gap:10px;padding-block:18px}.offer-item{min-height:78px}.offer-item p{max-width:300px}.offer-arrow{display:block}.overview-section-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}.overview-section-heading h2{font-size:19px}.overview-grid{grid-template-columns:1fr;gap:18px}.spotlight-cover{height:132px}.contributors-preview{padding-block:0}.landing-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.landing-person{gap:8px}.landing-person>svg{display:none}.landing-person span{font-size:10px}.progress-preview{display:block}.progress-project-name{margin-bottom:15px}.progress-numbers,.milestone-preview{margin-block:18px}.progress-preview .preview-label{margin-bottom:14px}.community-detail-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.featured-item{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}.featured-cover{height:100%;min-height:210px}.impact-preview dl{grid-template-columns:repeat(2,1fr)}.how-overview ol{grid-template-columns:1fr;gap:10px}.overview-footer{flex-direction:column;align-items:flex-start;gap:15px}.overview-footer>div{flex-wrap:wrap;gap:10px}}@media (max-width:360px){.overview-headline{font-size:27px}.overview-actions{gap:8px}.overview-actions .btn{padding-inline:9px;font-size:11px}.featured-item{grid-template-columns:1fr}.featured-cover{height:140px;min-height:0}}}.marketing-page .community-empty{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;padding:32px 0;display:flex}.marketing-page .community-empty div{flex:240px}.marketing-page .community-empty h3{font-size:20px}.marketing-page .community-empty p{color:var(--muted-foreground);margin-top:8px}