.technology{background:#171417;color:#fff}.tech-heading{text-align:center;max-width:800px;margin:0 auto 48px}.tech-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 12px}.tech-heading>p:last-child{color:#bdb5b8}.architecture{max-width:1050px;margin:auto;display:flex;align-items:center;gap:18px}.tech-apps{display:flex;flex-direction:column;gap:10px;flex:1}.tech-apps article{display:flex;gap:12px;align-items:center;background:#292429;border:1px solid #3b343b;padding:13px;border-radius:10px}.tech-apps article>span{font-size:1.35rem}.tech-apps article div{display:flex;flex-direction:column}.tech-apps small,.services small{color:#9e969a}.api-lines{display:flex;align-items:center;gap:7px;color:#d0c7ca;font-size:.65rem}.api-lines i{width:25px;height:1px;background:#685d63}.laravel-core{text-align:center;width:260px;padding:25px;background:linear-gradient(145deg,#ff5548,#a92335);border-radius:18px;box-shadow:0 18px 45px #e63d3d2c}.laravel-logo{display:grid;place-items:center;margin:0 auto 10px;width:48px;height:48px;border:2px solid #fff;border-radius:12px;font-size:1.7rem;font-weight:800}.laravel-core small{color:#ffe0dc}.laravel-core h3{font-size:1.35rem;margin:3px}.laravel-core p{font-size:.7rem;color:#ffe5e1}.services{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}.services article{background:#292429;border:1px solid #3b343b;padding:12px;border-radius:10px;display:flex;flex-direction:column}.services article>span{font-size:1.25rem}.services b{font-size:.78rem}.services small{font-size:.66rem}.api-lines.vertical{display:none}.tech-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:1050px;margin:40px auto 0}.tech-explain article{background:#221e22;border-top:2px solid var(--rose);padding:20px}.tech-explain p{font-size:.8rem;color:#aaa2a6;margin-bottom:0}.tech-statement{max-width:1050px;margin:22px auto 0;padding:17px;text-align:center;background:#ffffff0b;border:1px solid #ffffff16;border-radius:10px;color:#c7bec2}.tech-statement b{color:#ff746a}.tech-statement strong{color:#fff}@media(max-width:900px){.architecture{flex-direction:column}.tech-apps,.services{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.services{grid-template-columns:repeat(4,1fr)}.api-lines{flex-direction:column}.api-lines i{height:20px;width:1px}.laravel-core{width:100%;max-width:420px}.tech-explain{grid-template-columns:1fr}}@media(max-width:560px){.tech-apps,.services{grid-template-columns:1fr 1fr}.tech-apps article:last-child{grid-column:1/3}.tech-statement{font-size:.8rem}}