/* Public project library: readable content and clearly separated ad enquiries. */
.project-public{font-family:Manrope,'Segoe UI',sans-serif;background:#f5f7fb;color:#182c43;font-size:16px;line-height:1.75}
.project-public h1,.project-public h2,.project-public h3{font-family:Manrope,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.035em}
.project-public .shell{width:min(1240px,calc(100% - 48px))}
.project-public .eyebrow{font-size:12px;color:#45627b!important;letter-spacing:1.6px;font-weight:800}
.project-public .navlinks{font-size:14px;align-items:center;flex-wrap:wrap}
.project-public .button,.project-public button{font-size:15px;padding:13px 21px;border-radius:10px;font-weight:800;min-height:48px}
.project-public .catalog-intro,.project-public .detail-heading{background:linear-gradient(90deg,rgba(10,26,38,.98),rgba(10,26,38,.87) 55%,rgba(10,26,38,.42)),url('project-atmosphere.png') center right/cover;color:#fff;border:0;border-radius:22px;padding:clamp(28px,5vw,64px);margin:28px 0 24px;overflow:hidden}
.project-public .catalog-intro h1,.project-public .detail-heading h1{color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.15;max-width:900px;margin:18px 0 22px}
.project-public .catalog-intro p,.project-public .detail-heading p{color:#e1eaf1;font-size:17px;max-width:700px;line-height:1.8}
.project-public .catalog-intro .eyebrow,.project-public .detail-heading .eyebrow{color:#c5eb9b!important}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.project-public .hero-actions .button{background:#d5f69d;color:#183223}
.project-public .hero-actions .button.secondary{background:#ffffff12;border:1px solid #ffffff70;color:#fff}
.project-public .project-metrics{border-color:#ffffff30;gap:24px;margin-top:30px}
.project-public .project-metrics>span,.project-public .project-metrics b{color:#e5edf4;font-size:14px}
.project-public .project-metrics b{font-size:20px}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px;font-size:14px;color:#50647b}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs span:last-child{overflow-wrap:anywhere}
.section-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px;padding:14px;background:white;border:1px solid #dbe3ed;border-radius:14px}
.section-nav a{padding:8px 14px;font-size:14px;font-weight:750;border-radius:8px;background:#f0f4f8}
.section-nav a:hover{background:#e2edfc;color:#164d81}
.project-public section[id]{scroll-margin-top:24px}
.project-public .project-gallery{padding:28px;background:#eaf0f8;border:1px solid #dce5f0;border-radius:20px;margin-bottom:32px}
.project-public .section-heading h2,.project-public .overview h2,.project-public .project-section h2{font-size:clamp(25px,2.6vw,32px);color:#18364d}
.project-public .project-gallery .section-heading>span{font-size:14px;color:#405970}
.project-public .screenshot-grid figure{border-radius:12px;box-shadow:0 5px 16px #23384d08}
.project-public .screenshot-grid figcaption{font-size:14px;font-weight:650;color:#354d63}
.project-public .detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:28px;align-items:start}
.project-public .overview{min-width:0}
.project-public .description,.project-public .project-section{font-size:17px;line-height:1.9;color:#344c61}
.content-panel,.project-public .project-section{padding:30px;margin:0 0 24px;border:1px solid #dfe6ed;border-radius:18px;background:#fff}
.project-public .project-section.features-panel{background:linear-gradient(120deg,#edf7f1,#f8fcfa);border-color:#d5e7dd}
.project-public .project-section.requirements-panel{background:linear-gradient(120deg,#eef3ff,#fafbff)}
.project-public .project-section.setup-panel{background:#102b3c;color:#e4edf4;border-color:#102b3c}
.project-public .setup-panel h2{color:#fff}.setup-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.9;background:#ffffff08;border:1px solid #ffffff20;padding:20px;border-radius:12px}
.project-public .learning{margin:0 0 24px;padding:28px;background:#fff6e6;border:1px solid #f0dfbf;border-radius:16px}
.project-public .learning h3{font-size:23px;color:#65471f}.project-public .learning p{font-size:16px;color:#654f32}
.project-public .downloads{border:1px solid #d6e0eb;border-top:5px solid #3375b9;border-radius:18px;padding:28px;position:static}
.project-public .downloads h2{font-size:28px}.project-public .downloads p{font-size:15px;color:#475e73}.project-public .asset h3{font-size:19px}.project-public .asset strong{font-size:15px;color:#236345}
.ad-invite{margin-top:22px;padding:25px;border:1px solid #bfd4e5;border-radius:16px;background:linear-gradient(135deg,#e8f2fa,#eff8ed)}
.ad-invite h3{margin:5px 0 10px;font-size:24px}.ad-invite p{font-size:15px;color:#405b70}.ad-invite a{font-weight:800;color:#194e7b;text-decoration:underline;text-underline-offset:4px}
.project-public .contact-ads{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;padding:clamp(26px,4vw,50px);margin:40px 0 56px;border-radius:22px;background:linear-gradient(110deg,#102c3af5,#102c3aeb),url('project-atmosphere.png') center/cover;color:#fff}
.project-public .contact-ads .eyebrow{color:#c5eb9b!important}.contact-ads h2{font-size:clamp(30px,3vw,42px);line-height:1.2;margin:14px 0 20px;color:#fff}.contact-ads p{font-size:17px;color:#e0eaf0;max-width:680px}.ad-topics{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.ad-topics li{font-size:13px;padding:7px 11px;background:#ffffff0d;border:1px solid #ffffff30;border-radius:7px}.contact-ads .ad-note{font-size:14px;color:#d1dde6}
.contact-ads-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:28px;border:1px solid #ffffff35;border-radius:16px;background:#ffffff09;min-width:0}.contact-ads-actions h3{font-size:26px;margin:0 0 5px;color:#fff}.project-public .whatsapp-button{background:#d5f69d;color:#183223}.project-public .whatsapp-button:hover{background:#bfe681}.contact-number{font-size:23px;font-weight:800}.contact-email{font-size:16px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-ads-actions>span{font-size:13px;color:#d1dde6}
.project-public .card{border-radius:16px;overflow:hidden}.project-public .card h3{font-size:23px}.project-public .card p{font-size:15px;color:#486077}.project-public .card-link{font-size:15px;font-weight:800}.project-public .prices{font-size:14px}.project-public .card-body .eyebrow{font-size:11px;color:#46617a!important}.project-public .tabs a{font-size:14px}.project-public .catalog-intro{max-width:none}.project-public .catalog-intro p{max-width:620px}.project-public .brand-footer{background:#eaf0f6}.project-public .brand-footer a{font-size:14px}
@media(max-width:850px){.project-public .detail-grid,.project-public .contact-ads{grid-template-columns:1fr}.project-public .detail-grid>div{min-width:0}.project-public .contact-ads{gap:22px}}
@media(max-width:600px){.project-public .shell{width:calc(100% - 28px)}.project-public .navlinks{gap:12px;font-size:13px}.project-public .catalog-intro,.project-public .detail-heading{padding:28px 23px;border-radius:16px}.project-public .project-gallery,.content-panel,.project-public .project-section{padding:22px}.project-public .description,.project-public .project-section{font-size:16px}.project-public .project-metrics{gap:12px}.project-public .project-metrics>span{font-size:12px}.section-nav{gap:7px;padding:10px}.section-nav a{font-size:13px;padding:7px 10px}.contact-ads-actions{padding:21px}.project-public .contact-ads{padding:26px 22px}.project-public .screenshot-grid img{height:220px}.setup-copy{font-size:13px;padding:14px}.project-public .catalog-intro p,.project-public .detail-heading p{font-size:16px}.hero-actions .button{flex:1 1 auto}.project-public .section-heading{align-items:flex-start;gap:12px}}