*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#0d1b2a}.examples-hero{background:#0d1b2a;color:#fff;padding:8rem 4rem 5rem}.examples-hero-inner{max-width:900px;margin:0 auto}.examples-tag{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1a6fc4;margin-bottom:1rem;display:block}.examples-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}.examples-hero p{font-size:1rem;color:#fff9;line-height:1.7;max-width:600px}.examples-body{max-width:1100px;margin:0 auto;padding:5rem 2rem 6rem}.examples-intro{text-align:center;margin-bottom:4rem}.examples-intro h2{font-size:1.5rem;font-weight:700;color:#0d1b2a;margin-bottom:.75rem}.examples-intro p{font-size:.95rem;color:#6b7a8d;line-height:1.75;max-width:600px;margin:0 auto}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem}.example-card{background:#fff;border:1px solid #dce3ea;border-radius:14px;overflow:hidden;transition:box-shadow .25s,transform .25s}.example-card:hover{box-shadow:0 8px 32px #1a6fc41f;transform:translateY(-3px)}.example-preview{background:linear-gradient(135deg,#f4f7fb,#e8eef5);height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.example-preview-icon{font-size:4rem;opacity:.3}.example-preview-label{position:absolute;top:1rem;left:1rem;background:#1a6fc4;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:4px}.coming-soon-badge{position:absolute;inset:0;background:#0d1b2ab3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.05em}.example-body{padding:1.5rem}.example-type{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a6fc4;margin-bottom:.5rem}.example-body h3{font-size:1rem;font-weight:700;color:#0d1b2a;margin-bottom:.4rem;line-height:1.3}.example-client{font-size:.8rem;color:#6b7a8d;margin-bottom:1rem}.example-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.example-tag{background:#f4f7fb;color:#6b7a8d;font-size:.7rem;font-weight:500;padding:.2rem .55rem;border-radius:4px}.example-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #dce3ea}.example-pages{font-size:.78rem;color:#6b7a8d}.btn-download{display:inline-flex;align-items:center;gap:.4rem;background:#1a6fc4;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-download:hover{background:#0f4c8a}.btn-download.disabled{background:#dce3ea;color:#6b7a8d;cursor:not-allowed;pointer-events:none}.what-inside{margin-bottom:5rem}.what-inside h2{font-size:1.4rem;font-weight:700;color:#0d1b2a;margin-bottom:.5rem}.what-inside p{font-size:.95rem;color:#6b7a8d;margin-bottom:2rem;line-height:1.7}.inside-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.inside-item{display:flex;align-items:flex-start;gap:1rem;background:#f4f7fb;border-radius:10px;padding:1.2rem;border:1px solid #dce3ea}.inside-num{width:32px;height:32px;background:#1a6fc4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:#fff;flex-shrink:0}.inside-item h4{font-size:.88rem;font-weight:700;color:#0d1b2a;margin-bottom:.3rem}.inside-item p{font-size:.8rem;color:#6b7a8d;line-height:1.55;margin:0}.cta-box{background:#0d1b2a;color:#fff;border-radius:14px;padding:3rem;text-align:center}.cta-box h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.cta-box p{font-size:.95rem;color:#fff9;margin-bottom:2rem;line-height:1.65;max-width:500px;margin-left:auto;margin-right:auto}.btn-primary{background:#1a6fc4;color:#fff;padding:.9rem 2.2rem;border:none;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s}.btn-primary:hover{background:#0f4c8a}@media (max-width: 900px){.examples-hero{padding:7rem 1.5rem 3rem}.examples-body{padding:3rem 1.5rem 4rem}.examples-grid,.inside-grid{grid-template-columns:1fr}}