.websites-showcase{background:#f4f6fb}.websites-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.websites-heading>div{max-width:670px}.web-badge{display:inline-block;margin:14px 0;color:#5272d8;font:500 .61rem 'DM Mono',monospace;letter-spacing:.08em}.websites-heading h2{margin:0;font-size:clamp(2.1rem,4.2vw,3.85rem);line-height:1.06;letter-spacing:-.065em}.websites-heading>p{max-width:270px;margin:0;color:#69748a;font-size:.82rem}.websites-preview{margin:43px 0 27px;overflow:hidden;border:8px solid #192842;border-radius:14px;background:#fff;box-shadow:0 20px 45px rgba(31,53,94,.16)}.websites-preview-nav{display:flex;align-items:center;justify-content:space-between;padding:11px 21px;border-bottom:1px solid #e7eaf0;color:#536077;font-size:.62rem}.websites-preview-nav b{color:#1b2944;font-size:.85rem}.websites-preview-nav i{padding:6px 10px;border-radius:5px;background:#4d70f4;color:#fff;font-size:.58rem;font-style:normal;font-weight:800}.websites-preview-content{display:grid;grid-template-columns:1.1fr .9fr;min-height:275px;padding:40px 45px;background:linear-gradient(135deg,#f9fbff,#eaf0ff)}.websites-preview-content small{color:#6c7ba1;font:500 .6rem 'DM Mono',monospace;letter-spacing:.08em}.websites-preview-content h3{margin:13px 0 10px;color:#172440;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1;letter-spacing:-.06em}.websites-preview-content p{margin:0 0 22px;color:#68768d;font-size:.73rem}.web-preview-button{display:inline-block;padding:9px 11px;border-radius:6px;background:#4d70f4;color:#fff;font-size:.62rem}.web-preview-shape{position:relative;margin:auto;width:195px;height:185px;border-radius:95px 95px 12px 12px;background:linear-gradient(145deg,#6f8df7,#b5c4ff)}.web-preview-shape span{position:absolute;top:18px;left:23px;color:rgba(255,255,255,.55);font-size:3.2rem;font-weight:800}.web-preview-shape i{position:absolute;right:-18px;bottom:30px;width:96px;height:12px;border-radius:99px;background:#f2c96d}.web-preview-shape i:last-child{right:22px;bottom:55px;width:58px;background:#fff}.websites-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce2ed;border-bottom:1px solid #dce2ed}.websites-services article{min-height:180px;padding:24px 20px;border-right:1px solid #dce2ed}.websites-services article:last-child{border:0}.websites-services span{color:#5475e9;font:500 .65rem 'DM Mono',monospace}.websites-services h3{margin:20px 0 8px;font-size:.95rem;letter-spacing:-.035em}.websites-services p{margin:0;color:#6b768a;font-size:.73rem}.websites-details{margin-top:27px;border:1px solid #d6ddea;border-radius:10px;background:#fff}.websites-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:18px 21px;list-style:none;color:#243452;font-size:.78rem;font-weight:800}.websites-details summary::-webkit-details-marker{display:none}.websites-details summary b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dae4ff;color:#3c60d8;font-size:1.15rem;font-weight:500}.websites-details[open] summary{border-bottom:1px solid #e4e9f2}.websites-details[open] summary b{transform:rotate(45deg)}.websites-details>div{padding:23px 21px}.websites-details>div>p{max-width:720px;margin:0 0 19px;color:#66738a;font-size:.79rem}.websites-detail-list{display:flex;flex-wrap:wrap;gap:8px}.websites-detail-list span{padding:7px 10px;border-radius:999px;background:#eff3ff;color:#455fba;font-size:.66rem;font-weight:700}.websites-cta{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:14px 18px;border-radius:8px;background:#1a2943;color:#fff;font-size:.78rem;font-weight:800}.websites-cta span{color:#c7f06a;font-size:1rem}@media(max-width:720px){.websites-heading{display:block}.websites-heading>p{margin-top:15px}.websites-preview{border-width:5px}.websites-preview-nav span{display:none}.websites-preview-content{grid-template-columns:1fr;padding:28px 23px}.web-preview-shape{display:none}.websites-services{grid-template-columns:1fr}.websites-services article{min-height:0;border-right:0;border-bottom:1px solid #dce2ed}.websites-services article:last-child{border:0}.websites-details summary{padding:16px;font-size:.71rem}.websites-details>div{padding:18px 16px}}