/* R7243. Styl oparty na publicznych stronach O mnie/O projekcie. */
.cg-info-page{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}
.cg-info-main{padding:14px 0 66px}.cg-info-shell{max-width:1180px}.cg-info-crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin:16px 0 26px}
.cg-info-crumb a{color:var(--orange)}.cg-info-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:850;color:var(--orange)}
.cg-info-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:42px;align-items:center;padding:44px 0 75px}
.cg-info-hero h1{font-size:clamp(38px,5.6vw,67px);line-height:1.13;letter-spacing:-.045em;margin:12px 0 24px;font-weight:800}.cg-info-hero h1 em{font-style:normal;color:var(--orange)}
.cg-info-lead{font-size:clamp(15px,1.6vw,19px);line-height:1.85;color:var(--muted);max-width:660px}
.cg-info-actions{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0 24px}.cg-info-chips{display:flex;flex-wrap:wrap;gap:7px}.cg-info-chips span{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:7px 11px;font-size:10px;font-weight:800}
.cg-info-preview{background:var(--surface);border:1px solid var(--border);border-radius:27px;padding:27px;box-shadow:0 18px 58px #0001;min-width:0}.cg-info-preview-head{display:flex;align-items:center;gap:12px}.cg-info-preview-head img{width:54px;height:54px;object-fit:contain}.cg-info-preview-head b{flex:1;font-size:14px}.cg-info-preview-head span{font-size:11px;color:var(--muted)}
.cg-info-preview-list{display:grid;gap:10px;margin:25px 0}.cg-info-preview-list>div{display:grid;grid-template-columns:minmax(60px,1fr) repeat(4,minmax(0,50px));align-items:center;gap:6px}.cg-info-preview-list b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.cg-info-preview-list span{text-align:center;background:color-mix(in srgb,#22c55e 12%,var(--surface));border:1px solid color-mix(in srgb,#22c55e 30%,var(--border));border-radius:9px;padding:12px 0;font-size:9px;font-weight:800}.cg-info-preview-list span:nth-child(4){background:color-mix(in srgb,#ef4444 9%,var(--surface));border-color:color-mix(in srgb,#ef4444 25%,var(--border))}.cg-info-preview p{font-size:12px;color:var(--muted);margin:0}
.cg-info-section{padding:70px 0;border-top:1px solid var(--border)}.cg-info-section h2,.cg-info-final h2{font-size:clamp(27px,3.6vw,45px);line-height:1.22;letter-spacing:-.032em;margin:12px 0 20px}.cg-info-section p,.cg-info-final p{font-size:15px;line-height:1.95;color:var(--muted)}
.cg-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cg-info-grid article,.cg-info-benefits>div{border:1px solid var(--border);border-radius:20px;padding:26px;background:var(--surface)}.cg-info-grid article>span{color:var(--orange);font-size:33px;font-weight:900}.cg-info-grid h3{font-size:19px;margin:14px 0}.cg-info-grid p{font-size:13px;margin:0}
.cg-info-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px}.cg-info-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cg-info-benefits b{display:block;font-size:15px;margin-bottom:5px}.cg-info-benefits span{font-size:12px;color:var(--muted);line-height:1.5}
.cg-info-faq details{border-bottom:1px solid var(--border);padding:15px 0}.cg-info-faq summary{cursor:pointer;font-size:15px;font-weight:800}.cg-info-faq details p{max-width:850px;font-size:13px;margin:8px 0 0}
.cg-info-final{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px;border-radius:28px;background:var(--surface);border:1px solid var(--border)}.cg-info-final p{margin-bottom:0}
@media(max-width:850px){.cg-info-hero,.cg-info-split{grid-template-columns:1fr;gap:22px}.cg-info-grid{grid-template-columns:1fr}.cg-info-hero{padding:20px 0 40px}.cg-info-section{padding:42px 0}}
@media(max-width:600px){.cg-info-hero h1{font-size:38px}.cg-info-main{padding-top:6px}.cg-info-actions{display:grid}.cg-info-actions .btn{width:100%}.cg-info-preview{padding:17px}.cg-info-preview-list>div{grid-template-columns:minmax(55px,1fr) repeat(4,minmax(0,1fr));gap:4px}.cg-info-preview-list span{padding:10px 0;font-size:8px}.cg-info-benefits{grid-template-columns:1fr}.cg-info-final{display:grid;padding:22px}.cg-info-final .btn{width:100%}}