.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.ecosystem-card{min-height:410px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(18,28,53,.76),rgba(9,15,32,.72));display:flex;flex-direction:column;align-items:flex-start}
.ecosystem-card-featured{background:radial-gradient(circle at 80% 10%,rgba(15,200,255,.2),transparent 35%),linear-gradient(145deg,#116de1,#4524b8)}
.ecosystem-card .product-label{margin-top:38px}.ecosystem-card h3{font-size:2.35rem;margin:10px 0 18px}.ecosystem-card p{color:#b8c5dc}.ecosystem-card-featured p{color:#e3edff}.ecosystem-card .btn{margin-top:auto}.status-commercial i{background:#6dffba;box-shadow:0 0 14px #40e99a}
.sites-hero{min-height:820px;padding:155px 0 100px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 36%,rgba(26,113,255,.2),transparent 32%),linear-gradient(145deg,#050914 20%,#080d1d 100%)}
.sites-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:1}.sites-hero-copy h1{font-size:clamp(3.5rem,6.2vw,6rem)}.sites-hero-copy>p{font-size:1.18rem;color:#b2bfd6;max-width:650px}.sites-caption{font-size:.84rem!important;color:#7283a2!important;margin-top:30px;max-width:570px!important}
.browser-mockup{border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#eaf2ff;color:#102044;box-shadow:0 35px 90px rgba(0,0,0,.42);overflow:hidden;transform:rotate(2deg)}.browser-bar{height:50px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#121b32;color:#8898b6}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#3f587f}.browser-bar span{margin-left:12px;background:#1b2742;padding:5px 18px;border-radius:6px;font-size:.66rem}.browser-content{min-height:390px;padding:70px 48px;background:radial-gradient(circle at 90% 15%,rgba(38,130,255,.18),transparent 30%),#f1f6ff}.browser-content>span{font-size:.7rem;letter-spacing:.16em;color:#2474d5}.browser-content h2{font-size:2.6rem;margin:20px 0}.browser-content p{color:#5c6d88}.browser-content b{display:inline-block;margin-top:34px;padding:11px 18px;border-radius:7px;background:#157bef;color:white;font-size:.75rem}
.sites-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.sites-steps article{padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.sites-steps b{color:#48a3ff;font-size:.72rem}.sites-steps h3{font-size:1.18rem;margin:28px 0 13px}.sites-steps p{font-size:.88rem;color:var(--muted)}
.price-layout{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.price-layout .section-heading>p{text-align:left;margin-left:0}.price-card{padding:42px;border:1px solid rgba(59,145,255,.35);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(39,121,255,.2),transparent 38%),#0d172d;box-shadow:var(--shadow)}.price-card>span,.initial-payment span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#76a9e4;font-size:.7rem}.price{display:flex;align-items:baseline;gap:7px;margin:14px 0 30px}.price strong{font-size:4.6rem;line-height:1}.price small{color:#b9c6db}.initial-payment{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.initial-payment strong{display:block;font-size:2rem;margin-top:4px}.price-card>p{color:#aab8cf;font-size:.9rem}.price-card>p+p{margin-top:12px}
.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}.included-grid article{padding:20px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:13px}.included-grid b{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:rgba(23,143,255,.14);color:#4cb3ff}.included-grid span{font-size:.9rem;color:#cad4e7}
.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:55px}.benefits-grid .service-card{min-height:285px;padding:25px}
.demo-showcase{overflow:hidden}.demo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:58px}.demo-preview{display:flex;min-width:0;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(18,28,53,.88),rgba(9,15,32,.94));box-shadow:0 18px 46px rgba(2,7,18,.2);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.demo-preview:hover{transform:translateY(-5px);border-color:rgba(76,179,255,.38);box-shadow:0 24px 54px rgba(2,7,18,.34)}.demo-preview-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1428}.demo-preview-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,20,.54),transparent 54%);pointer-events:none}.demo-preview-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.demo-preview:hover .demo-preview-image img{transform:scale(1.035)}.demo-label,.demo-number{position:absolute;z-index:1;text-transform:uppercase}.demo-label{top:16px;left:16px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,9,20,.76);backdrop-filter:blur(10px);color:#e8eefb;font-size:.57rem;font-weight:750;letter-spacing:.12em}.demo-number{right:16px;bottom:13px;color:rgba(255,255,255,.78);font-size:.68rem;letter-spacing:.16em}.demo-preview-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px 26px 26px}.demo-segment{color:#65b6ff;font-size:.68rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.demo-preview-content h3{font-size:1.55rem;line-height:1.12;margin:13px 0 15px}.demo-preview-content p{color:#aebbd2;font-size:.88rem;line-height:1.65;margin-bottom:25px}.demo-preview-content .btn{width:100%;min-height:48px;margin-top:auto;padding:13px 18px;font-size:.72rem}.demo-scope{max-width:820px;margin:28px auto 0;color:#7485a4;font-size:.8rem;text-align:center}.sites-final-cta{background:radial-gradient(circle at 50% 100%,rgba(43,83,255,.22),transparent 45%);border-top:1px solid var(--line)}.sites-final-cta h2{font-size:clamp(2.8rem,5vw,4.8rem);margin:20px auto;max-width:850px}.sites-final-cta p{color:var(--muted);font-size:1.08rem}
@media(max-width:900px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.sites-hero-grid,.price-layout{grid-template-columns:1fr}.sites-hero{padding:140px 0 90px}.browser-mockup{display:none}.sites-steps,.included-grid,.benefits-grid,.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-preview-content{padding:26px 24px 24px}}
@media(max-width:580px){.ecosystem-grid,.sites-steps,.included-grid,.benefits-grid,.demo-gallery{grid-template-columns:1fr}.ecosystem-card{min-height:370px;padding:28px}.sites-hero-copy{text-align:center}.sites-caption{margin-inline:auto}.price-layout{gap:45px}.price-card{padding:30px 24px}.price strong{font-size:3.8rem}.demo-gallery{gap:18px;margin-top:40px}.demo-preview{border-radius:20px}.demo-preview-content{padding:26px 22px 22px}.demo-preview-content h3{font-size:1.65rem}.demo-preview-content p{font-size:.9rem;margin-bottom:23px}.demo-scope{font-size:.75rem;line-height:1.65;margin-top:22px}}