.sites-lp { color: #141827; background: #fff; }
.sites-lp h1,.sites-lp h2,.sites-lp h3 { letter-spacing: 0; }
.sites-lp .btn { white-space: normal; text-align: center; gap: 10px; max-width: 100%; }
.sw-hero,.sw-process { background-color: #202126; background-image: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(115deg,#303044,#1d1e20 50%,#272937); background-size: 42px 42px,42px 42px,100% 100%; color:#fff; }
.sw-hero { padding: 128px 0 28px; overflow:hidden; }
.sw-hero-copy { text-align:center; max-width:1000px; }
.sites-lp .sw-kicker { display:inline-block; color:#4b5cff; background:#eceeff; border-radius:999px; padding:7px 12px; margin:0 0 22px; font-size:12px; line-height:1.35; font-weight:750; }
.sw-hero h1 { font-size:52px; line-height:1.1; margin:0 0 22px; color:#fff; }
.sw-hero h1 span { color:#b6b0ff; }
.sw-hero-copy > p:not(.sw-kicker) { font-size:19px; line-height:1.7; color:#c4c5cf; margin:0 0 28px; }
.sw-hero-project { margin:32px auto 0; max-width:920px; }
.sw-browser { display:flex; justify-content:space-between; gap:12px; font-size:11px; padding:14px 20px; background:#373841; border:1px solid #ffffff24; border-radius:8px 8px 0 0; color:#dadce5; }
.sw-browser > span:first-child { color:#a8a1d9; }
.sw-hero-project img { display:block; width:100%; height:300px; object-fit:cover; object-position:top; }
.sw-hero-project figcaption { padding-top:16px; font-size:12px; text-align:center; color:#b6b8c7; }
.sw-band { border-bottom:1px solid #e5e7eb; }
.sw-band-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 28px; padding-block:26px; color:#535c70; font-size:13px; }
.sw-band-inner span::before { content:'✓'; color:#13966b; margin-right:10px; }
.sw-section { padding:80px 0; background:#fff; }
.sw-section + .sw-section > .container { border-top:1px solid #e5e7eb; padding-top:64px; }
.sw-section + .sw-section { padding-top:0; }
.sw-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:center; }
.sw-copy h2,.sw-centered h2 { color:#141827; font-size:38px; line-height:1.15; margin:0 0 24px; font-weight:700; }
.sw-copy h2 span { color:#7569dd; }
.sw-copy > p:not(.sw-kicker),.sw-centered > p:not(.sw-kicker):not(.sw-small) { font-size:17px; color:#677187; line-height:1.8; margin:0 0 24px; }
.sw-project { margin:0; position:relative; padding-bottom:68px; min-width:0; }
.sw-project > img { width:100%; display:block; height:390px; object-fit:contain; border:1px solid #e3e5ed; border-radius:8px; background:#f8f9fc; box-shadow:0 20px 50px #1b234414; }
.sw-project figcaption { font-size:11px; color:#758097; margin-top:14px; }
.sw-note { position:absolute; bottom:0; right:0; left:12%; padding:18px 22px; border:1px solid #e0e5eb; border-radius:8px; background:white; box-shadow:0 15px 35px #1b234412; animation:sw-float 6s ease-in-out infinite; }
.sw-note strong { display:block; font-size:15px; margin-bottom:6px; }
.sw-note span { color:#778092; font-size:12px; line-height:1.5; }
@keyframes sw-float { 50% { transform:translateY(-5px); } }
.sw-checks { list-style:none; padding:0; margin:24px 0; }
.sw-checks li { color:#4e596d; font-size:15px; line-height:1.7; margin:12px 0; padding-left:26px; position:relative; }
.sw-checks li::before { content:'✓'; position:absolute; left:0; color:#13966b; font-weight:700; }
.sw-text-link { display:inline-flex; align-items:center; gap:12px; font-weight:650; font-size:15px; color:#6555cb; text-decoration:none; }
.sw-text-link:hover { text-decoration:underline; }
.sw-formats { margin:30px 0 0; }
.sw-formats > div { padding:20px 0; border-top:1px solid #e5e7eb; }
.sw-formats dt { font-size:18px; font-weight:650; margin-bottom:8px; }
.sw-formats dd { font-size:15px; color:#677187; line-height:1.7; margin:0; }
.sw-editorial { padding:36px 0 36px 38px; border-left:1px solid #dedfe8; }
.sw-editorial > p { color:#778292; font-size:11px; font-weight:650; }
.sw-editorial ol { list-style:none; padding:0; margin:30px 0; }
.sw-editorial li { position:relative; padding:0 0 32px 42px; }
.sw-editorial li > span { position:absolute; top:2px; left:0; font-size:13px; color:#309883; }
.sw-editorial strong { display:block; font-size:22px; font-weight:650; line-height:1.35; }
.sw-editorial small { display:block; color:#778292; font-size:14px; margin-top:10px; line-height:1.6; }
.sw-process { padding:80px 0; }
.sw-centered { max-width:780px; text-align:center; margin-inline:auto; }
.sw-process h2 { color:white; }
.sw-process .sw-centered > p:not(.sw-kicker) { color:#b9bccb; }
.sw-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:32px; margin:48px 0 0; padding:0; }
.sw-steps li { border-top:1px solid #ffffff30; padding-top:24px; }
.sw-steps li > span { color:#96dbc8; font-size:11px; font-weight:650; }
.sw-steps h3 { color:white; font-size:21px; line-height:1.35; margin:18px 0 12px; }
.sw-steps p { color:#b9bccb; font-size:15px; line-height:1.8; margin:0; }
.sw-after { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; }
.sw-scope { padding-left:40px; border-left:1px solid #e5e7eb; }
.sw-scope h3 { font-size:23px; line-height:1.3; margin:0 0 18px; }
.sw-scope > p { color:#778292; font-size:15px; }
.sites-lp .sw-small { color:#798295; font-size:13px; line-height:1.7; margin:20px 0 0; }
.sw-quote { padding:72px 0; border-block:1px solid #e5e7eb; background:#f7f8ff; background-image:linear-gradient(#e9ebf280 1px,transparent 1px),linear-gradient(90deg,#e9ebf280 1px,transparent 1px); background-size:34px 34px; }
.sw-quote a:not(.btn) { color:#6355bd; overflow-wrap:anywhere; }
.sw-questions { max-width:880px; margin:32px auto 0; }
.sw-questions details { border-bottom:1px solid #e3e5ed; padding:20px 0; }
.sw-questions summary { cursor:pointer; font-size:17px; line-height:1.5; font-weight:600; color:#202535; }
.sw-questions details p { color:#677187; font-size:15px; line-height:1.8; margin:18px 0 0; }
.sites-lp a:focus-visible,.sw-questions summary:focus-visible { outline:2px solid #8471ed; outline-offset:5px; }
@media(max-width:980px) { .sw-split,.sw-after { gap:40px; } .sw-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .sw-hero h1 { font-size:44px; } }
@media(max-width:700px) {
 .sw-hero { padding-top:190px; } .sw-hero h1 { font-size:34px; } .sw-hero-copy > p:not(.sw-kicker) { font-size:16px; }
 .sw-hero-project { margin-top:32px; } .sw-hero-project img { height:250px; object-position:top center; } .sw-browser { padding:12px; font-size:10px; } .sw-browser span:last-child { display:none; }
 .sw-band-inner { display:grid; grid-template-columns:1fr 1fr; gap:16px 12px; font-size:12px; }
 .sw-section,.sw-process { padding:56px 0; } .sw-split,.sw-after { grid-template-columns:1fr; gap:36px; }
 .sw-copy h2,.sw-centered h2 { font-size:30px; } .sw-copy > p:not(.sw-kicker) { font-size:16px; }
 .sw-project > img { height:300px; } .sw-project { padding-bottom:94px; } .sw-note { left:5%; }
 .sw-editorial { padding:24px 0 0; border-left:0; border-top:1px solid #e5e7eb; } .sw-editorial strong { font-size:20px; }
 .sw-scope { border-left:0; border-top:1px solid #e5e7eb; padding:30px 0 0; } .sw-steps { gap:28px 22px; } .sw-steps h3 { font-size:19px; }
 .sw-quote { padding:56px 0; } .sw-questions summary { font-size:16px; } .sites-lp [id] { scroll-margin-top:180px; }
 .sites-lp ~ .whatsapp-float,
 .sites-lp ~ .whatsapp-float.is-expanded,
 .sites-lp ~ .whatsapp-float:hover { bottom:20px; }
}
@media(prefers-reduced-motion:reduce) { .sw-note { animation:none; } }