/* XIURA refinement layer: proportional section rhythm + modern startup icons */
:root{--section-y:96px;--section-y-lg:112px;--section-y-sm:72px}.section{padding:var(--section-y) 0}.hero{min-height:760px;padding:72px 0 88px}.services{padding-top:var(--section-y-lg);padding-bottom:84px}.why{padding-top:28px;padding-bottom:86px}.portfolio{padding-top:var(--section-y-lg);padding-bottom:var(--section-y-lg)}.about{padding-top:var(--section-y-lg);padding-bottom:var(--section-y-lg)}.blog{padding-top:var(--section-y-lg);padding-bottom:var(--section-y-lg)}.contact{padding-top:var(--section-y-lg);padding-bottom:84px}.section-title{margin-bottom:42px}.section-title.center{margin-bottom:46px}.services-grid,.portfolio-grid{gap:28px}.service-card{padding:34px 32px 30px;display:flex;flex-direction:column}.service-card h3{margin-top:2px}.service-card p{margin-bottom:18px}.service-card a{margin-top:auto}.why-grid{gap:24px}.why-grid div{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:center;padding:24px}.why-grid p{grid-column:2}.icon{position:relative;display:grid;place-items:center;flex:0 0 auto}.service-card>.icon,.about-cards .icon,.info-card .icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#075cff,#16c7f3 58%,#8a2cff);box-shadow:0 16px 30px rgba(7,92,255,.20);margin-bottom:22px}.why-grid .icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(7,92,255,.10),rgba(138,44,255,.10));border:1px solid rgba(7,92,255,.14);box-shadow:none;margin:0}.icon:before,.icon:after{content:"";position:absolute;box-sizing:border-box}.service-card>.icon:before{border-color:#fff}.why-grid .icon:before,.why-grid .icon:after{border-color:#1261ec}.icon-web:before{width:28px;height:28px;border:2.5px solid;border-radius:50%}.icon-web:after{width:28px;height:11px;border-top:2.5px solid #fff;border-bottom:2.5px solid #fff}.icon-mobile:before{width:22px;height:32px;border:2.5px solid;border-radius:7px}.icon-mobile:after{width:5px;height:5px;border-radius:50%;background:#fff;bottom:15px}.icon-database:before{width:30px;height:26px;border:2.5px solid;border-top-width:8px;border-radius:50%/22%;top:15px}.icon-database:after{width:30px;height:2.5px;background:#fff;top:33px}.icon-pen:before{width:30px;height:9px;background:#fff;border-radius:7px;transform:rotate(-42deg)}.icon-pen:after{width:10px;height:10px;border-right:3px solid #fff;border-bottom:3px solid #fff;right:15px;top:16px;transform:rotate(3deg)}.icon-shield:before{width:29px;height:32px;background:#fff;clip-path:polygon(50% 0,90% 14%,82% 72%,50% 100%,18% 72%,10% 14%)}.icon-shield:after{width:13px;height:7px;border-left:3px solid #075cff;border-bottom:3px solid #075cff;transform:rotate(-45deg);top:25px}.icon-chat:before{width:31px;height:24px;border:2.5px solid;border-radius:9px}.icon-chat:after{width:9px;height:9px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);left:18px;bottom:16px}.icon-rocket:before{width:26px;height:34px;background:#1261ec;border-radius:50% 50% 45% 45%;transform:rotate(38deg)}.icon-rocket:after{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 22px 0 -2px #8a2cff;transform:rotate(38deg);top:14px}.icon-spark:before{width:30px;height:30px;background:#7a35f2;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}.icon-badge:before{width:30px;height:30px;background:#1261ec;clip-path:polygon(50% 0,87% 18%,100% 56%,73% 100%,27% 100%,0 56%,13% 18%)}.icon-badge:after{width:12px;height:7px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);top:21px}.icon-headset:before{width:30px;height:24px;border:3px solid #1261ec;border-bottom:0;border-radius:18px 18px 0 0;top:14px}.icon-headset:after{width:33px;height:15px;border-left:7px solid #7a35f2;border-right:7px solid #7a35f2;border-radius:4px;top:31px}.cta{padding-top:24px}@media (max-width:940px){:root{--section-y:76px;--section-y-lg:84px}.hero{min-height:auto;padding:58px 0 72px}.why{padding-top:12px}.section-title{margin-bottom:32px}.why-grid div{grid-template-columns:48px 1fr}.why-grid .icon{width:48px;height:48px}}@media (max-width:620px){:root{--section-y:60px;--section-y-lg:68px}.hero{padding:40px 0 58px}.services,.portfolio,.about,.blog,.contact{padding-top:68px;padding-bottom:68px}.why{padding-top:0;padding-bottom:62px}.section-title.center{margin-bottom:32px}.service-card{padding:28px 24px}.why-grid div{display:block}.why-grid .icon{margin-bottom:14px}.why-grid p{grid-column:auto}}