/* StepUp editorial design. Native CSS nesting keeps the tenant override bounded. */
[data-tenant="stepupwebdesign"][data-website="main"]{
  --su-ink:#171914;--su-muted:#585b53;--su-line:#d6d9ce;--su-paper:#f5f5ef;
  --su-surface:#ebeee4;--su-blue:#315bff;--su-lime:#d6fa4b;
  color:var(--su-ink);background:var(--su-paper);font-family:var(--website-body-font);-webkit-font-smoothing:antialiased;
}
[data-tenant="stepupwebdesign"]{
& .wx-website-container{width:min(100% - 6rem,88rem);margin-inline:auto;}
& a{text-underline-offset:.3em;}
& a:hover{text-decoration:underline;}
& :focus-visible{outline:3px solid var(--su-blue);outline-offset:5px;}
& :is(h1,h2,h3){font-family:var(--website-heading-font);color:inherit;}
& .wx-website-header{background:var(--su-paper);border-bottom:1px solid var(--su-line);}
& .wx-website-topbar{color:var(--su-muted);background:var(--su-paper);border:0;}
& .wx-website-topbar>div{justify-content:flex-end;padding-block:.5rem 0;font-size:.7rem;}
& .wx-website-topbar a:last-child{order:-1;margin-right:auto;}
& .wx-website-header>div:last-child{min-height:5.5rem;padding-block:1.1rem;}
& .wx-website-header>div:last-child>a{position:relative;flex-shrink:0;padding:.25rem 0 1rem;line-height:1;text-decoration:none;}
& .wx-website-header>div:last-child>a>span{display:block;font-size:0;white-space:nowrap;}
& .wx-website-header>div:last-child>a>span::before{content:'StepUp';font:900 2.65rem/.95 'Arial Black',Arial,sans-serif;letter-spacing:-.085em;color:var(--su-ink);}
& .wx-website-header>div:last-child>a::after{content:'WEB DESIGN';position:absolute;left:.1rem;bottom:0;color:var(--su-muted);font:700 .5rem/1 var(--website-body-font);letter-spacing:.3em;white-space:nowrap;}
& .wx-website-header nav a{font-size:.83rem;font-weight:600;color:var(--su-ink);}
& .wx-website-header nav a:last-child{margin-left:.5rem;padding:.85rem 1.35rem;border-radius:999px;color:var(--su-paper);background:var(--su-ink);}
& .wx-website-header nav a:last-child:hover{background:var(--su-blue);text-decoration:none;}
& .wx-website-header details nav{background:var(--su-paper);border-color:var(--su-line);}
& .wx-website-header summary{color:var(--su-ink);border-color:var(--su-ink);border-radius:999px;font-size:.85rem;}
& .wx-website-page{padding-block:5rem 0;}
& h1{max-width:70rem;margin-bottom:3rem;font-size:clamp(3rem,6.2vw,6.3rem);font-weight:750;letter-spacing:-.065em;line-height:1.02;white-space:pre-line;}
& h2{font-weight:700;letter-spacing:-.055em;line-height:1.05;}
& h3{font-weight:650;letter-spacing:-.035em;line-height:1.2;}
& [data-block]>h2{max-width:54rem;margin-bottom:2rem;font-size:clamp(2.3rem,4.2vw,4.25rem);white-space:pre-line;}
& [data-block]>p{max-width:48rem;color:var(--su-muted);font-size:1.1rem;line-height:1.75;}
& .wx-website-page>div>div>.space-y-10{display:flex;flex-direction:column;gap:5rem;}
& .wx-website-page>div>div>.space-y-10>section{margin:0;}
& .wx-richtext{max-width:58rem;color:var(--su-muted);font-size:1.05rem;line-height:1.75;}
& .wx-richtext :is(h2,h3,strong){color:var(--su-ink);}
& .wx-richtext h2{font-size:clamp(2.1rem,3.7vw,4rem);}
& .wx-richtext a{color:var(--su-blue);overflow-wrap:anywhere;}
& .wx-website-editorial.has-media{gap:3.5rem;}
& .wx-website-editorial-image{max-height:34rem;object-fit:cover;border-radius:1.5rem;}
& .wx-website-card{padding:0;border:0;border-radius:0;background:transparent;}
& .wx-website-card img{width:100%;aspect-ratio:1.4;margin-bottom:1.3rem;object-fit:cover;border-radius:1.2rem;background:var(--su-surface);}
& .wx-website-card h3{font-size:1.5rem;}
& .wx-website-card h3 a::after{content:' ↗';color:var(--su-blue);}
& .wx-website-card p{color:var(--su-muted);font-size:.95rem;line-height:1.65;}
& [data-collection="portfolio"]>div>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem;}
& [data-collection="services"]>div>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
& [data-collection="services"] .wx-website-card{padding:2rem;border:1px solid var(--su-line);border-radius:1.3rem;background:#fff;}
& [data-block="image"] img{width:100%;height:auto;max-height:35rem;object-fit:contain;border-radius:1.5rem;}
& [data-block="cta"]{margin-block:0 3rem !important;padding:clamp(2rem,5vw,4.5rem);border-radius:1.5rem;background:var(--su-lime);}
& [data-block="cta"] h2{font-size:clamp(2.2rem,4vw,4rem);}
& [data-block="cta"]>p{color:#3a4421;}
& [data-block="cta"] a{margin-top:1.25rem;padding:.95rem 1.3rem;border-radius:999px;background:var(--su-ink);color:#fff;}
& .wx-website-columns{gap:4rem;}
& .wx-website-columns aside{padding-left:2rem;border-left:1px solid var(--su-line);}
& aside [data-block="cta"]{padding:1.5rem;}
& aside [data-block="cta"] h2{font-size:2rem;}
& aside [data-block="cta"] :is(p,a){font-size:.95rem;}
}
[data-tenant="stepupwebdesign"][data-page="/contact-us/"][data-website="main"]{
& .wx-website-editorial-image{order:1;align-self:start;}
}
[data-tenant="stepupwebdesign"][data-page="/"]{
& .wx-website-page{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:4rem;padding-top:4rem;}
& .wx-website-page>div,& .wx-website-page>div>div,& .wx-website-page>div>div>.space-y-10,& [data-block]:first-child,& [data-block]:first-child>.wx-website-editorial,& [data-block]:first-child .wx-richtext{display:contents;}
& h1{grid-column:1;grid-row:2;margin:0;align-self:center;font-size:clamp(4.3rem,6.5vw,7rem);font-weight:800;letter-spacing:-.06em;word-spacing:.04em;line-height:.97;}
& [data-block]:first-child img{grid-column:2;grid-row:1 / span 5;width:100%;height:100%;min-height:37rem;max-height:43rem;object-fit:cover;object-position:50% 0%;border-radius:1.75rem;}
& [data-block]:first-child .wx-richtext>p{grid-column:1;max-width:32rem;margin:0;}
& [data-block]:first-child .wx-richtext>p:first-child{grid-row:1;align-self:center;padding-block:0 1.5rem;color:var(--su-ink);font-size:.65rem;font-weight:650;letter-spacing:.13em;}
& [data-block]:first-child .wx-richtext>p:first-child::before{content:'';display:inline-block;width:.55rem;height:.55rem;margin-right:.65rem;border-radius:50%;background:var(--su-blue);}
& [data-block]:first-child .wx-richtext>p:nth-child(2){grid-row:3;padding-block:1.65rem 1.9rem;font-size:1.12rem;line-height:1.7;}
& [data-block]:first-child .wx-richtext>p:nth-child(3){grid-row:4;display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a{font-size:.88rem;font-weight:650;color:var(--su-ink);text-decoration:none;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child{padding:1.1rem 1.55rem;border-radius:999px;background:var(--su-blue);color:#fff;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child:hover{background:var(--su-ink);}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:last-child:hover{text-decoration:underline;}
& [data-block]:first-child .wx-richtext>p:nth-child(4){grid-row:5;align-self:end;padding-top:2rem;font-size:.72rem;color:var(--su-muted);}
& [data-block]:not(:first-child){grid-column:1 / -1;min-width:0;margin-top:6rem;}
& [data-block]:not(:first-child) .wx-richtext{max-width:none;}
& [data-block]:not(:first-child) .wx-richtext>p:first-child{margin:0 0 1.75rem;font-size:.65rem;font-weight:650;letter-spacing:.14em;color:var(--su-muted);}
& [data-block]:not(:first-child) h2{margin:0 0 1.5rem;color:var(--su-ink);font-size:clamp(3rem,4.9vw,5rem);line-height:1.04;}
& [data-block]:nth-child(2){margin-top:3.5rem;padding-block:2.25rem;border-block:1px solid var(--su-line);}
& [data-block]:nth-child(2) .wx-richtext{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem 2rem;}
& [data-block]:nth-child(2) .wx-richtext>p:first-child{grid-column:1;margin:0;}
& [data-block]:nth-child(2) ul{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:1rem 3rem;margin:0;padding:0;list-style:none;}
& [data-block]:nth-child(2) li{color:var(--su-ink);font-size:clamp(1.4rem,2.8vw,2.65rem);font-weight:650;letter-spacing:-.045em;}
& [data-block]:nth-child(2) li + li::before{content:'✳';padding-right:2rem;color:var(--su-blue);}
& [data-block]:nth-child(2) .wx-richtext>p:last-child{grid-column:2;grid-row:1;margin:0;font-size:.8rem;}
& [data-block]:nth-child(3) .wx-richtext{display:grid;grid-template-columns:1.2fr 1fr;column-gap:5rem;align-items:end;}
& [data-block]:nth-child(3) .wx-richtext>p:first-child{grid-column:1 / -1;}
& [data-block]:nth-child(3) h2{grid-column:1;grid-row:2 / span 2;margin:0;}
& [data-block]:nth-child(3) .wx-richtext>p:nth-last-child(2){grid-column:2;max-width:24rem;margin:0 0 1rem;}
& [data-block]:nth-child(3) .wx-richtext>p:last-child{grid-column:2;margin:0;font-size:.9rem;font-weight:650;}
& [data-block]:nth-child(4){margin-top:2.75rem;}
& [data-collection="portfolio"] .wx-website-card:nth-child(even){padding-top:4rem;}
& [data-collection="portfolio"] .wx-website-card img{aspect-ratio:1.35;border-radius:1.3rem;}
& [data-block]:nth-child(5) ol{margin:3rem 0 0;padding:0;list-style:none;counter-reset:stepup-services;}
& [data-block]:nth-child(5) li{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr);column-gap:2rem;padding-block:2.25rem;border-top:1px solid var(--su-line);counter-increment:stepup-services;}
& [data-block]:nth-child(5) li::before{content:'0' counter(stepup-services);grid-column:1;grid-row:1 / span 2;padding-top:.3rem;color:var(--su-blue);font-size:.8rem;font-weight:650;}
& [data-block]:nth-child(5) h3{grid-column:2;grid-row:1 / span 2;max-width:24rem;margin:0;font-size:clamp(1.55rem,2.5vw,2.4rem);}
& [data-block]:nth-child(5) h3 a{color:var(--su-ink);text-decoration:none;}
& [data-block]:nth-child(5) h3 a:hover{color:var(--su-blue);}
& [data-block]:nth-child(5) li p{grid-column:3;margin:0;font-size:.98rem;}
& [data-block]:nth-child(5) li p:last-child{margin-top:.9rem;font-size:.8rem;}
& [data-block]:nth-child(5) .wx-richtext>p:last-child{margin:1rem 0 0 5rem;font-size:.9rem;font-weight:650;}
& [data-block]:nth-child(6){padding:clamp(2rem,5vw,5rem);border-radius:2rem;background:var(--su-ink);color:#fff;}
& [data-block]:nth-child(6) .wx-richtext{color:#c6cdbd;}
& [data-block]:nth-child(6) .wx-richtext>p:first-child{color:var(--su-lime);}
& [data-block]:nth-child(6) :is(h2,h3){color:#f5f5ef;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(3){max-width:38rem;font-size:1.1rem;}
& [data-block]:nth-child(6) ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;margin-block:3rem;padding:0;list-style:none;}
& [data-block]:nth-child(6) li{padding:1.75rem;border:1px solid #454b3c;border-radius:1rem;background:#24281f;}
& [data-block]:nth-child(6) li strong{color:var(--su-lime);font-size:.7rem;letter-spacing:.05em;}
& [data-block]:nth-child(6) li h3{margin-block:1.25rem .75rem;font-size:1.5rem;}
& [data-block]:nth-child(6) li p{margin:0;font-size:.95rem;line-height:1.7;}
& [data-block]:nth-child(6) a{color:var(--su-lime);font-size:.88rem;}
& [data-block]:nth-child(6) .wx-richtext>p:last-child{display:flex;flex-wrap:wrap;gap:1.75rem;margin:0;}
& [data-block]:nth-child(7) ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-block:3rem;padding:0;list-style:none;}
& [data-block]:nth-child(7) li{border-top:1px solid var(--su-line);padding-top:1.5rem;}
& [data-block]:nth-child(7) li strong{color:var(--su-blue);font-size:3rem;font-weight:500;letter-spacing:-.075em;}
& [data-block]:nth-child(7) li h3{margin-block:1rem .75rem;font-size:1.4rem;}
& [data-block]:nth-child(7) li p{margin:0;font-size:.95rem;}
& [data-block]:nth-child(7) .wx-richtext>p:last-child{font-size:.9rem;font-weight:650;}
& [data-block="accordion"]{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start;}
& [data-block="accordion"]>h2{margin:0;}
& [data-block="accordion"]>div{margin:0;}
& [data-block="accordion"] details{margin:0;padding:1.5rem 0;border:0;border-top:1px solid var(--su-line);border-radius:0;background:transparent;}
& [data-block="accordion"] details:last-child{border-bottom:1px solid var(--su-line);}
& [data-block="accordion"] summary{color:var(--su-ink);font-size:1rem;}
& [data-block="accordion"] details p{color:var(--su-muted);font-size:.95rem;line-height:1.75;}
& [data-block]:nth-child(9){padding:clamp(2rem,6vw,5rem);border-radius:2rem;background:var(--su-lime);}
& [data-block]:nth-child(9) .wx-richtext,& [data-block]:nth-child(9) .wx-richtext>p:first-child{color:#364016;}
& [data-block]:nth-child(9) h2{font-size:clamp(3.5rem,6.5vw,6.5rem);}
& [data-block]:nth-child(9) .wx-richtext>p:nth-child(3){font-size:1.1rem;}
& [data-block]:nth-child(9) .wx-richtext>p:nth-child(4){margin-block:2rem 1.5rem;}
& [data-block]:nth-child(9) .wx-richtext>p:nth-child(4) a{display:inline-flex;padding:1rem 1.4rem;border-radius:999px;color:#fff;background:var(--su-ink);font-size:.9rem;font-weight:650;text-decoration:none;}
& [data-block]:nth-child(9) .wx-richtext>p:nth-child(4) a:hover{background:var(--su-blue);}
& [data-block]:nth-child(9) .wx-richtext>p:last-child{margin:0;font-size:.85rem;}
& [data-block]:nth-child(9) .wx-richtext>p:last-child a{color:var(--su-ink);}
}
[data-tenant="stepupwebdesign"]{
& .wx-website-footer{margin-top:6rem;border:0;color:#b8bfb0;background:var(--su-ink);}
& .wx-website-footer>div{padding-block:4rem 2rem;}
& .wx-website-footer>div>div{grid-template-columns:1.5fr 1fr 1fr;gap:4rem;padding-bottom:2rem;}
& .wx-website-footer p{font-size:.85rem;line-height:1.85;}
& .wx-website-footer>div>div>div>p:first-child{font-size:1.8rem;font-weight:700;letter-spacing:-.06em;color:#f5f5ef;}
& .wx-website-footer nav{font-size:.85rem;}
& .wx-website-footer a{color:#e5eadd;}
& .wx-website-footer a:hover{color:var(--su-lime);}
}
@media (max-width:63.99rem){
[data-tenant="stepupwebdesign"]{
& .wx-website-container{width:calc(100% - 4rem);}
& .wx-website-columns aside{padding:2rem 0 0;margin-top:2rem;border-left:0;border-top:1px solid var(--su-line);}
}
[data-tenant="stepupwebdesign"][data-page="/"]{
& .wx-website-page{column-gap:2rem;}
& h1{font-size:clamp(3.8rem,7.1vw,5rem);}
& [data-block]:first-child img{min-height:33rem;}
& [data-block]:nth-child(2) .wx-richtext{display:block;}
& [data-block]:nth-child(2) ul{margin-block:1rem;gap:1rem 2rem;}
& [data-block]:nth-child(2) li + li::before{padding-right:1rem;}
& [data-block]:nth-child(3) .wx-richtext{column-gap:2rem;}
& [data-block]:nth-child(5) li{grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr);column-gap:1rem;}
& [data-block]:nth-child(6) ol{gap:1rem;}
& [data-block]:nth-child(6) li{padding:1.25rem;}
& [data-block="accordion"]{gap:2rem;}
}
}
@media (max-width:47.99rem){
[data-tenant="stepupwebdesign"]{
& .wx-website-container{width:calc(100% - 2.5rem);}
& .wx-website-topbar a:nth-child(2){display:none;}
& .wx-website-topbar>div{font-size:.63rem;}
& .wx-website-header>div:last-child{gap:1rem;min-height:5rem;}
& .wx-website-header>div:last-child>a>span::before{font-size:2.3rem;}
& .wx-website-header nav a:last-child{margin-left:0;}
& .wx-website-page{padding-top:3rem;}
& h1{font-size:clamp(2.9rem,11vw,4rem);}
& [data-collection="portfolio"]>div>div,& [data-collection="services"]>div>div{grid-template-columns:1fr;}
& .wx-website-editorial.has-media{gap:2rem;}
& .wx-website-footer>div>div{grid-template-columns:1fr;gap:2rem;}
}
[data-tenant="stepupwebdesign"][data-page="/"]{
& .wx-website-page{grid-template-columns:minmax(0,1fr);padding-top:2.75rem;}
& h1{font-size:clamp(3.3rem,15vw,5.75rem);line-height:.98;}
& [data-block]:first-child img{grid-column:1;grid-row:6;min-height:0;max-height:none;height:auto;aspect-ratio:4 / 5;margin-top:2.5rem;object-fit:contain;object-position:50% 50%;border-radius:1.2rem;}
& [data-block]:first-child .wx-richtext>p:first-child{padding-bottom:1.1rem;font-size:.55rem;letter-spacing:.08em;}
& [data-block]:first-child .wx-richtext>p:nth-child(2){padding-block:1.5rem;font-size:1rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3){gap:1rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a{font-size:.78rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child{padding:.95rem 1.1rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(4){padding-top:1.5rem;font-size:.65rem;}
& [data-block]:not(:first-child){margin-top:4rem;}
& [data-block]:not(:first-child) h2{font-size:clamp(2.6rem,10.5vw,3.6rem);}
& [data-block]:nth-child(2){margin-top:2.5rem;padding-block:1.5rem;}
& [data-block]:nth-child(2) ul{display:grid;gap:.4rem;margin-block:.75rem;}
& [data-block]:nth-child(2) li{font-size:1.6rem;}
& [data-block]:nth-child(2) li + li::before{content:none;}
& [data-block]:nth-child(2) .wx-richtext>p:last-child{font-size:.75rem;}
& [data-block]:nth-child(3) .wx-richtext{display:block;}
& [data-block]:nth-child(3) h2{margin-bottom:1.25rem;}
& [data-block]:nth-child(3) .wx-richtext>p:nth-last-child(2){max-width:none;font-size:.95rem;}
& [data-block]:nth-child(4){margin-top:2rem;}
& [data-collection="portfolio"] .wx-website-card:nth-child(even){padding-top:0;}
& [data-block]:nth-child(5) li{grid-template-columns:1.5rem minmax(0,1fr);gap:.9rem 1rem;padding-block:1.75rem;}
& [data-block]:nth-child(5) h3{grid-column:2;grid-row:1;font-size:1.65rem;}
& [data-block]:nth-child(5) li p{grid-column:2;font-size:.9rem;}
& [data-block]:nth-child(5) li p:last-child{margin-top:0;font-size:.78rem;}
& [data-block]:nth-child(5) .wx-richtext>p:last-child{margin-left:2.5rem;}
& [data-block]:nth-child(6),& [data-block]:nth-child(9){padding:2rem 1.5rem;border-radius:1.3rem;}
& [data-block]:nth-child(6) ol,& [data-block]:nth-child(7) ol{grid-template-columns:1fr;gap:1.5rem;margin-block:2rem;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(3){font-size:1rem;}
& [data-block="accordion"]{grid-template-columns:1fr;gap:1.5rem;}
& [data-block]:nth-child(9) .wx-richtext>p:nth-child(3){font-size:.95rem;}
& [data-block]:nth-child(9) .wx-richtext>p:last-child{font-size:.76rem;}
}
}
@media (prefers-reduced-motion:no-preference){
[data-tenant="stepupwebdesign"]{
& :is(a,summary){transition:color .18s,background-color .18s;}
}
}
[data-tenant="stepupwebdesign"][data-page="/technologies/"]{
& .wx-website-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:4rem;padding-top:4rem;}
& .wx-website-page>div,& .wx-website-page>div>div,& .wx-website-page>div>div>.space-y-10,& [data-block]:first-child,& [data-block]:first-child>.wx-website-editorial,& [data-block]:first-child .wx-richtext{display:contents;}
& h1{grid-column:1;grid-row:2;margin:0;align-self:center;font-size:clamp(3.7rem,5.8vw,6.3rem);font-weight:800;letter-spacing:-.06em;word-spacing:.04em;line-height:.98;}
& [data-block]:first-child .wx-richtext>p{grid-column:1;max-width:31rem;margin:0;}
& [data-block]:first-child .wx-richtext>p:first-child{grid-row:1;padding-bottom:1.5rem;color:var(--su-ink);font-size:.65rem;font-weight:650;letter-spacing:.14em;}
& [data-block]:first-child .wx-richtext>p:first-child::before{content:'';display:inline-block;width:.55rem;height:.55rem;margin-right:.65rem;border-radius:50%;background:var(--su-blue);}
& [data-block]:first-child .wx-richtext>p:nth-child(2){grid-row:3;padding-block:1.75rem 2rem;font-size:1.12rem;line-height:1.75;}
& [data-block]:first-child .wx-richtext>p:nth-child(3){grid-row:4;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a{color:var(--su-ink);font-size:.85rem;font-weight:650;text-decoration:none;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child{padding:1.05rem 1.45rem;border-radius:999px;color:#fff;background:var(--su-blue);}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child:hover{background:var(--su-ink);}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:last-child:hover{text-decoration:underline;}
& [data-block]:first-child .wx-richtext>ul{grid-column:2;grid-row:1 / span 4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(8rem,1fr));gap:1rem;min-height:36rem;margin:0;padding:2rem;border-radius:2rem;list-style:none;background:var(--su-blue);}
& [data-block]:first-child li{min-width:0;border-radius:1.2rem;color:var(--su-ink);background:var(--su-paper);}
& [data-block]:first-child li:first-child{grid-column:1;grid-row:1 / span 2;background:var(--su-lime);}
& [data-block]:first-child li:nth-child(2){grid-column:2;grid-row:1;}
& [data-block]:first-child li:nth-child(3){grid-column:2;grid-row:2;}
& [data-block]:first-child li:nth-child(4){grid-column:1;grid-row:3;color:var(--su-lime);background:var(--su-ink);}
& [data-block]:first-child li:last-child{grid-column:2;grid-row:3;}
& [data-block]:first-child li a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:1.5rem;border-radius:inherit;color:inherit;text-decoration:none;}
& [data-block]:first-child li a::after{content:'↗';position:absolute;top:1rem;right:1rem;font-size:1rem;}
& [data-block]:first-child li a:focus-visible{outline:3px solid var(--su-lime);outline-offset:5px;}
& [data-block]:first-child li code{margin-bottom:auto;padding-bottom:2rem;border:0;color:var(--su-ink);background:transparent;font:600 6.5rem/1 monospace;letter-spacing:-.1em;}
& [data-block]:first-child li strong{display:block;color:inherit;font-size:2.2rem;font-weight:700;letter-spacing:-.055em;line-height:1.1;}
& [data-block]:first-child li:last-child strong{font-size:1.75rem;}
& [data-block]:first-child li p{margin:.6rem 0 0;color:inherit;font-size:.72rem;line-height:1.5;}
& [data-block]:not(:first-child){grid-column:1 / -1;min-width:0;margin-top:6rem;}
& [data-block]:not(:first-child) .wx-richtext{max-width:none;}
& [data-block]:not(:first-child) .wx-richtext>p:first-child{margin:0 0 1.75rem;color:var(--su-muted);font-size:.65rem;font-weight:650;letter-spacing:.14em;}
& [data-block]:not(:first-child) h2{margin:0 0 1.5rem;color:var(--su-ink);font-size:clamp(3rem,4.9vw,5rem);line-height:1.04;}
& [data-block]:nth-child(2){margin-top:3.5rem;padding-block:2rem;border-block:1px solid var(--su-line);}
& [data-block]:nth-child(2) .wx-richtext{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;}
& [data-block]:nth-child(2) .wx-richtext>p:first-child{margin:0;}
& [data-block]:nth-child(2) ul{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:1rem 3rem;margin:0;padding:0;list-style:none;}
& [data-block]:nth-child(2) li{color:var(--su-ink);font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:650;letter-spacing:-.045em;}
& [data-block]:nth-child(2) li + li::before{content:'✳';margin-right:2rem;color:var(--su-blue);}
& [data-block]:nth-child(2) .wx-richtext>p:last-child{grid-column:2;grid-row:1;margin:0;font-size:.8rem;}
& [data-block]:nth-child(3) .wx-richtext>p:nth-child(3){max-width:44rem;}
& [data-block]:nth-child(3) ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:3rem 0 0;padding:0;list-style:none;}
& [data-block]:nth-child(3) ol>li{display:flex;flex-direction:column;min-width:0;padding:2rem;border:1px solid var(--su-line);border-radius:1.5rem;background:#fff;}
& [data-block]:nth-child(3) ol>li:first-child{background:#e9efff;border-color:#cbd7ff;}
& [data-block]:nth-child(3) ol>li>p:first-child{margin:0 0 1.75rem;color:var(--su-blue);font-size:.65rem;font-weight:650;letter-spacing:.08em;}
& [data-block]:nth-child(3) h3{margin:0 0 1.25rem;font-size:clamp(1.7rem,2.25vw,2.2rem);line-height:1.15;}
& [data-block]:nth-child(3) ol>li>p{margin:0;font-size:.95rem;line-height:1.75;}
& [data-block]:nth-child(3) ul{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0;padding:0;list-style:none;}
& [data-block]:nth-child(3) ul li{padding:.25rem .55rem;border-radius:.35rem;color:#414b37;background:#eef1e8;font-size:.72rem;line-height:1.6;}
& [data-block]:nth-child(3) ol>li>p:last-child{margin-top:auto;padding-top:.5rem;font-size:.8rem;font-weight:650;}
& [data-block]:nth-child(4){padding:clamp(2rem,5vw,5rem);border-radius:2rem;background:var(--su-ink);}
& [data-block]:nth-child(4) .wx-richtext{color:#c6cdbd;}
& [data-block]:nth-child(4) .wx-richtext>p:first-child{color:var(--su-lime);}
& [data-block]:nth-child(4) :is(h2,h3){color:var(--su-paper);}
& [data-block]:nth-child(4) .wx-richtext>p:nth-child(3){max-width:44rem;font-size:1.05rem;}
& [data-block]:nth-child(4) ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block:2.5rem;padding:0;list-style:none;}
& [data-block]:nth-child(4) ul li{padding-block:1rem;border-block:1px solid #49523f;color:var(--su-lime);font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:650;letter-spacing:-.045em;}
& [data-block]:nth-child(4) ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:2.5rem;padding:0;list-style:none;}
& [data-block]:nth-child(4) strong{color:var(--su-lime);font-size:.7rem;}
& [data-block]:nth-child(4) h3{margin-block:1rem .75rem;font-size:1.5rem;}
& [data-block]:nth-child(4) li p{margin:0;font-size:.95rem;}
& [data-block]:nth-child(4) .wx-richtext>p:nth-last-child(2){max-width:50rem;font-size:.9rem;}
& [data-block]:nth-child(4) .wx-richtext>p:last-child{margin:1.75rem 0 0;}
& [data-block]:nth-child(4) a{color:var(--su-lime);font-size:.9rem;}
& [data-block="accordion"]{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start;}
& [data-block="accordion"]>:is(h2,div){margin:0;}
& [data-block="accordion"] details{margin:0;padding:1.5rem 0;border:0;border-top:1px solid var(--su-line);border-radius:0;background:transparent;}
& [data-block="accordion"] details:last-child{border-bottom:1px solid var(--su-line);}
& [data-block="accordion"] summary{color:var(--su-ink);font-size:1rem;}
& [data-block="accordion"] details p{color:var(--su-muted);font-size:.95rem;line-height:1.75;}
& [data-block]:nth-child(6){padding:clamp(2rem,6vw,5rem);border-radius:2rem;background:var(--su-lime);}
& [data-block]:nth-child(6) .wx-richtext,& [data-block]:nth-child(6) .wx-richtext>p:first-child{color:#364016;}
& [data-block]:nth-child(6) h2{font-size:clamp(3.5rem,6.5vw,6.5rem);}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(3){font-size:1.1rem;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(4){margin-block:2rem 1.5rem;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(4) a{display:inline-flex;padding:1rem 1.4rem;border-radius:999px;color:#fff;background:var(--su-ink);font-size:.9rem;font-weight:650;text-decoration:none;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(4) a:hover{background:var(--su-blue);}
& [data-block]:nth-child(6) .wx-richtext>p:last-child{margin:0;font-size:.85rem;}
& [data-block]:nth-child(6) .wx-richtext>p:last-child a{color:var(--su-ink);}
}
@media (max-width:74.99rem){
[data-tenant="stepupwebdesign"][data-page="/technologies/"]{
& .wx-website-page{column-gap:2rem;}
& [data-block]:first-child .wx-richtext>ul{gap:.75rem;padding:1.5rem;}
& [data-block]:first-child li a{padding:1.15rem;}
& [data-block]:first-child li strong{font-size:1.85rem;}
& [data-block]:first-child li:last-child strong{font-size:1.5rem;}
& [data-block]:nth-child(3) ol{grid-template-columns:repeat(2,minmax(0,1fr));}
}
}
@media (max-width:63.99rem){
[data-tenant="stepupwebdesign"][data-page="/technologies/"]{
& .wx-website-page{grid-template-columns:minmax(0,1fr);}
& h1{font-size:clamp(3.8rem,9vw,6rem);}
& [data-block]:first-child .wx-richtext>p{max-width:38rem;}
& [data-block]:first-child .wx-richtext>ul{grid-column:1;grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(8rem,1fr));min-height:24rem;margin-top:3rem;}
& [data-block]:first-child li:nth-child(3){grid-column:3;grid-row:1;}
& [data-block]:first-child li:nth-child(4){grid-column:2;grid-row:2;}
& [data-block]:first-child li:last-child{grid-column:3;grid-row:2;}
& [data-block]:nth-child(2) .wx-richtext{display:block;}
& [data-block]:nth-child(2) ul{gap:1rem 2rem;margin-block:1rem;}
& [data-block]:nth-child(2) li + li::before{margin-right:1rem;}
& [data-block="accordion"]{gap:2rem;}
}
}
@media (max-width:47.99rem){
[data-tenant="stepupwebdesign"][data-page="/technologies/"]{
& .wx-website-page{padding-top:2.75rem;}
& h1{font-size:clamp(2.75rem,13.4vw,4.5rem);line-height:1;}
& [data-block]:first-child .wx-richtext>p:first-child{padding-bottom:1.25rem;font-size:.6rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(2){padding-block:1.5rem;font-size:1rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3){gap:1rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a{font-size:.76rem;}
& [data-block]:first-child .wx-richtext>p:nth-child(3) a:first-child{padding:.95rem 1.1rem;}
& [data-block]:first-child .wx-richtext>ul{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(7.5rem,1fr));gap:.75rem;min-height:31rem;margin-top:2.5rem;padding:1rem;border-radius:1.3rem;}
& [data-block]:first-child li a{padding:1rem;}
& [data-block]:first-child li:nth-child(3){grid-column:2;grid-row:2;}
& [data-block]:first-child li:nth-child(4){grid-column:1;grid-row:3;}
& [data-block]:first-child li:last-child{grid-column:2;grid-row:3;}
& [data-block]:first-child li code{font-size:4.4rem;}
& [data-block]:first-child li strong{font-size:1.6rem;}
& [data-block]:first-child li:last-child strong{font-size:clamp(1rem,4.8vw,1.4rem);}
& [data-block]:first-child li p{font-size:.65rem;}
& [data-block]:not(:first-child){margin-top:4rem;}
& [data-block]:not(:first-child) h2{font-size:clamp(2.5rem,10vw,3.6rem);}
& [data-block]:nth-child(2){margin-top:2.5rem;padding-block:1.5rem;}
& [data-block]:nth-child(2) ul{gap:.25rem 1.5rem;}
& [data-block]:nth-child(2) li{font-size:1.65rem;}
& [data-block]:nth-child(2) li + li::before{content:none;}
& [data-block]:nth-child(3) ol{grid-template-columns:1fr;margin-top:2rem;}
& [data-block]:nth-child(3) ol>li{padding:1.5rem;}
& [data-block]:nth-child(3) h3{font-size:1.9rem;}
& [data-block]:nth-child(4),& [data-block]:nth-child(6){padding:2rem 1.5rem;border-radius:1.3rem;}
& [data-block]:nth-child(4) ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;}
& [data-block]:nth-child(4) ul li{font-size:1.6rem;}
& [data-block]:nth-child(4) ol{grid-template-columns:1fr;gap:1.75rem;}
& [data-block="accordion"]{grid-template-columns:1fr;gap:1.5rem;}
& [data-block]:nth-child(6) .wx-richtext>p:nth-child(3){font-size:.95rem;}
& [data-block]:nth-child(6) .wx-richtext>p:last-child{font-size:.76rem;}
}
}
[data-tenant="stepupwebdesign"]:not([data-page="/"]):not([data-page="/technologies/"]){
& .wx-website-page{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);column-gap:4rem;padding-top:4rem;}
& .wx-website-page>div,& .wx-website-page>div>div,& .wx-website-page>div>div>.space-y-10,& .wx-website-page>div>div>div>section:first-child,& .wx-website-page>div>div>div>section:first-child>.wx-website-editorial,& .wx-website-page>div>div>div>section:first-child .wx-richtext{display:contents;}
& h1{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:clamp(3.3rem,5.8vw,6.1rem);font-weight:800;letter-spacing:-.065em;line-height:.99;overflow-wrap:break-word;}
& .wx-website-page>div>div>div>section{
 &:first-child .wx-richtext>p{grid-column:1;max-width:33rem;margin:0;}
 &:first-child .wx-richtext>p:first-child{grid-row:1;padding-bottom:1.5rem;color:var(--su-ink);font-size:.65rem;font-weight:650;letter-spacing:.12em;line-height:1.65;}
 &:first-child .wx-richtext>p:first-child::before{content:'';display:inline-block;width:.5rem;height:.5rem;margin-right:.65rem;border-radius:50%;background:var(--su-blue);}
 &:first-child .wx-richtext>p:nth-child(2){grid-row:3;padding-block:1.75rem 2rem;font-size:1.08rem;line-height:1.75;}
 &:first-child .wx-richtext>p:nth-child(3){grid-row:4;display:flex;flex-wrap:wrap;align-items:center;gap:1.15rem 1.6rem;}
 &:first-child .wx-richtext>p:nth-child(3) a{color:var(--su-ink);font-size:.83rem;font-weight:650;text-decoration:none;}
 &:first-child .wx-richtext>p:nth-child(3) a:first-child{display:inline-flex;padding:1.05rem 1.35rem;border-radius:999px;background:var(--su-blue);color:#fff;}
 &:first-child .wx-richtext>p:nth-child(3) a:first-child:hover{background:var(--su-ink);}
 &:first-child .wx-richtext>p:nth-child(3) a:last-child:hover{text-decoration:underline;}
 &:first-child .wx-richtext>p:nth-child(4){grid-row:5;padding-top:1.25rem;font-size:.72rem;line-height:1.7;}
 &:first-child .wx-richtext>ul{position:relative;grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;justify-content:center;gap:1rem;min-height:33rem;margin:0;padding:2.5rem;border-radius:1.75rem;list-style:none;background:var(--su-blue);isolation:isolate;overflow:clip;}
 &:first-child .wx-richtext>ul::before{content:'';position:absolute;inset:15% -5% 15% 30%;z-index:-1;border:1px solid #ffffff55;border-radius:50%;transform:rotate(-30deg);pointer-events:none;}
 &:first-child .wx-richtext>ul>li{position:relative;min-width:0;margin:0 1rem 0 0;padding:1.6rem;border-radius:1.05rem;background:var(--su-paper);color:var(--su-ink);box-shadow:0 .6rem 1.8rem #10236512;}
 &:first-child .wx-richtext>ul>li:nth-child(2){margin-inline:1rem 0;}
 &:first-child .wx-richtext>ul>li:last-child{background:var(--su-lime);}
 &:first-child .wx-richtext>ul>li code{float:right;margin:0 0 .5rem .8rem;padding:0;background:transparent;border:0;color:var(--su-blue);font:650 2.15rem/1.2 monospace;letter-spacing:-.07em;}
 &:first-child .wx-richtext>ul>li strong{display:block;color:inherit;font-size:clamp(1.3rem,2vw,1.9rem);font-weight:750;letter-spacing:-.05em;line-height:1.2;}
 &:first-child .wx-richtext>ul>li p{clear:both;margin:.7rem 0 0;font-size:.73rem;line-height:1.6;color:var(--su-muted);}
 &:first-child img{grid-column:2;grid-row:1 / span 5;align-self:stretch;width:100%;height:100%;min-height:31rem;max-height:38rem;border-radius:1.75rem;object-fit:contain;background:var(--su-surface);}
 &:not(:first-child){grid-column:1 / -1;min-width:0;margin:5.5rem 0 0;}
 &:not(:first-child) .wx-richtext{max-width:none;}
 &:not(:first-child) .wx-richtext>p:first-child{margin:0 0 1.75rem;color:var(--su-muted);font-size:.65rem;font-weight:650;letter-spacing:.12em;}
 &:not(:first-child) h2{margin:0 0 1.6rem;font-size:clamp(2.8rem,4.8vw,4.75rem);font-weight:750;letter-spacing:-.06em;line-height:1.05;}
 &:not(:first-child) .wx-richtext>p{max-width:47rem;font-size:1.05rem;}
 &:not(:first-child) .wx-richtext>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0 0;padding:0;list-style:none;}
 &:not(:first-child) .wx-richtext>ol>li{min-width:0;margin:0;padding:2rem;border:1px solid var(--su-line);border-radius:1.2rem;background:#fff;}
 &:not(:first-child) .wx-richtext>ol>li>strong{display:block;margin-bottom:2.2rem;color:var(--su-blue);font-size:.75rem;letter-spacing:.05em;font-weight:650;}
 &:not(:first-child) .wx-richtext>ol>li h3{margin:0 0 1rem;font-size:1.55rem;font-weight:700;line-height:1.17;letter-spacing:-.04em;}
 &:not(:first-child) .wx-richtext>ol>li :is(p,ul,ol){margin-block:1rem 0;color:var(--su-muted);font-size:.9rem;line-height:1.8;}
 &:not(:first-child) .wx-richtext>ol>li>a{display:inline-block;margin-top:1rem;font-size:.85rem;font-weight:650;}
 &:not(:first-child) .wx-richtext>ol>li h3 a{color:var(--su-ink);text-decoration:none;}
 &:not(:first-child) .wx-richtext>ol>li h3 a:hover{color:var(--su-blue);text-decoration:underline;}
 &[data-block="richtext"]:nth-child(3){padding:clamp(2rem,4.5vw,4rem);border-radius:1.75rem;background:var(--su-ink);color:var(--su-paper);}
 &[data-block="richtext"]:nth-child(3) :is(h2,h3){color:var(--su-paper);}
 &[data-block="richtext"]:nth-child(3) .wx-richtext>p:first-child{color:var(--su-lime);}
 &[data-block="richtext"]:nth-child(3) .wx-richtext>ol>li{padding:1.5rem;border-color:#464c3e;background:#24281f;}
 &[data-block="richtext"]:nth-child(3) .wx-richtext>ol>li :is(p,ul,ol){color:#c6cdbd;}
 &[data-block="richtext"]:nth-child(3) .wx-richtext>ol>li>strong{color:var(--su-lime);margin-bottom:1.2rem;}
 &[data-block="richtext"]:nth-child(3) .wx-richtext a{color:var(--su-lime);}
 &[data-block="accordion"]{display:grid;grid-template-columns:1fr 1.15fr;align-items:start;gap:4rem;}
 &[data-block="accordion"]>:is(h2,div){margin:0;}
 &[data-block="accordion"] details{margin:0;padding:1.5rem 0;border:0;border-top:1px solid var(--su-line);border-radius:0;background:transparent;}
 &[data-block="accordion"] details:last-child{border-bottom:1px solid var(--su-line);}
 &[data-block="accordion"] summary{color:var(--su-ink);font-size:1rem;}
 &[data-block="accordion"] details p{font-size:.95rem;line-height:1.75;color:var(--su-muted);}
 &[data-block="cta"]{margin-top:5.5rem !important;margin-bottom:0 !important;padding:clamp(2rem,5.5vw,5rem);border-radius:1.75rem;}
 &[data-block="cta"] h2{max-width:56rem;font-size:clamp(3rem,5.2vw,5.3rem);}
}
}
[data-tenant="stepupwebdesign"][data-page^="/services/"]:not([data-page="/services/"]){
& .wx-website-page>div>div>div>section{
 &:nth-child(2){grid-row:5;}
 &:nth-child(3){grid-column:1;grid-row:6;}
 &:nth-child(3) .wx-richtext>ol{grid-template-columns:1fr;gap:1rem;}
}
& .wx-website-columns aside{grid-column:2;grid-row:6;align-self:start;margin:5.5rem 0 0;padding:2.5rem;border:1px solid var(--su-line);border-radius:1.75rem;background:var(--su-surface);}
& aside .wx-richtext{font-size:.95rem;max-width:none;}
& aside .wx-richtext>p:first-child{margin:0 0 2rem;font-size:.65rem;font-weight:650;letter-spacing:.1em;}
& aside h2{margin-block:0 1.5rem;font-size:clamp(2.5rem,3.5vw,3.5rem);}
& aside h3{margin-top:2rem;font-size:1.2rem;}
& aside ul{padding-left:1rem;}
& aside a{font-size:.88rem;font-weight:650;}
}
[data-tenant="stepupwebdesign"][data-page="/contact-us/"][data-website="main"]{
& .wx-website-page>div>div>div>section{
 &:first-child .wx-richtext>ul{background:var(--su-lime);}
 &:first-child .wx-richtext>ul>li:last-child{background:var(--su-ink);color:#fff;}
 &:first-child .wx-richtext>ul>li:last-child :is(p,code){color:var(--su-lime);}
}
}
[data-tenant="stepupwebdesign"][data-page="/about-us/"][data-website="main"]{
& .wx-website-page>div>div>div>section:first-child img{object-fit:cover;}
}
[data-tenant="stepupwebdesign"][data-page="/services/"][data-website="main"]{
& [data-collection="services"]>div>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;counter-reset:su-service;}
& [data-collection="services"] .wx-website-card{counter-increment:su-service;position:relative;padding:2rem;border-color:var(--su-line);background:#fff;border-radius:1.2rem;}
& [data-collection="services"] .wx-website-card::before{content:counter(su-service,decimal-leading-zero);display:block;margin-bottom:2.5rem;color:var(--su-blue);font-size:.75rem;font-weight:650;}
& [data-collection="services"] .wx-website-card:nth-child(4n){background:var(--su-lime);}
& [data-collection="services"] .wx-website-card h3{font-size:1.6rem;line-height:1.15;}
}
[data-tenant="stepupwebdesign"][data-page="/portfolio/"][data-website="main"]{
& .wx-website-page>div>div>div>section{
 &:nth-child(2) .wx-richtext>ul{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;}
 &:nth-child(2) li a{display:inline-flex;padding:.75rem 1.2rem;border:1px solid var(--su-line);border-radius:999px;color:var(--su-ink);font-size:.85rem;font-weight:650;text-decoration:none;}
 &:nth-child(2) li a:hover{background:var(--su-lime);}
}
& [data-collection="portfolio"]{margin-top:3rem;}
& .wx-website-browse{padding-block:1.25rem;margin-bottom:2rem;border-block:1px solid var(--su-line);}
& [data-collection="portfolio"]>div>div.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;}
& [data-collection="portfolio"] img{aspect-ratio:1.4;object-fit:contain;background:var(--su-surface);}
}
[data-tenant="stepupwebdesign"][data-page="/privacy/"][data-website="main"]{
& .wx-website-page>div>div>div>section:nth-child(2) .wx-richtext>ol{grid-template-columns:repeat(2,minmax(0,1fr));}
}
[data-tenant="stepupwebdesign"][data-page="/sitemap/"][data-website="main"]{
& .wx-website-page>div>div>div>section{
 &:nth-child(2) .wx-richtext>ol{grid-template-columns:repeat(2,minmax(0,1fr));}
 &:nth-child(2) .wx-richtext>ol>li ul{list-style:none;padding:0;}
 &:nth-child(2) li li{padding-block:.6rem;border-bottom:1px solid var(--su-line);}
}
}
@media (max-width:63.99rem){
[data-tenant="stepupwebdesign"]:not([data-page="/"]):not([data-page="/technologies/"]){
& .wx-website-page{column-gap:2rem;}
& h1{font-size:clamp(2.9rem,6vw,4.7rem);}
& .wx-website-page>div>div>div>section{
 &:first-child .wx-richtext>ul{padding:1.5rem;min-height:31rem;}
 &:first-child .wx-richtext>ul>li{padding:1.2rem;margin-right:.5rem;}
 &:first-child .wx-richtext>ul>li:nth-child(2){margin-left:.5rem;}
 &:not(:first-child) .wx-richtext>ol{grid-template-columns:repeat(2,minmax(0,1fr));}
}
}
[data-tenant="stepupwebdesign"][data-page^="/services/"]:not([data-page="/services/"]){
& .wx-website-columns aside{padding:2rem;border:1px solid var(--su-line);}
& .wx-website-page>div>div>div>section:nth-child(3) .wx-richtext>ol{grid-template-columns:1fr;}
}
[data-tenant="stepupwebdesign"][data-page="/services/"][data-website="main"]{
& [data-collection="services"]>div>div{grid-template-columns:repeat(2,minmax(0,1fr));}
}
}
@media (max-width:47.99rem){
[data-tenant="stepupwebdesign"]:not([data-page="/"]):not([data-page="/technologies/"]){
& .wx-website-page{grid-template-columns:minmax(0,1fr);padding-top:2.75rem;}
& h1{font-size:clamp(2.9rem,12.5vw,5.5rem);line-height:1;}
& .wx-website-page>div>div>div>section{
 &:first-child .wx-richtext>p:first-child{padding-bottom:1.2rem;font-size:.57rem;letter-spacing:.09em;}
 &:first-child .wx-richtext>p:nth-child(2){padding-block:1.5rem 1.75rem;font-size:1rem;}
 &:first-child .wx-richtext>p:nth-child(3){gap:1rem;}
 &:first-child .wx-richtext>p:nth-child(3) a{font-size:.78rem;}
 &:first-child .wx-richtext>p:nth-child(3) a:first-child{padding:.95rem 1.15rem;}
 &:first-child .wx-richtext>ul{grid-column:1;grid-row:6;min-height:0;padding:1.5rem;margin-top:2.5rem;border-radius:1.2rem;}
 &:first-child .wx-richtext>ul>li{padding:1.35rem;}
 &:first-child .wx-richtext>ul>li strong{font-size:1.55rem;}
 &:first-child .wx-richtext>ul>li code{font-size:1.8rem;}
 &:first-child img{grid-column:1;grid-row:6;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1.1;margin-top:2.5rem;border-radius:1.2rem;}
 &:not(:first-child){grid-column:1;grid-row:auto;margin-top:4rem;}
 &:not(:first-child) h2{font-size:clamp(2.5rem,10.5vw,3.6rem);}
 &:not(:first-child) .wx-richtext>ol{grid-template-columns:1fr;margin-top:2rem;gap:1rem;}
 &:not(:first-child) .wx-richtext>ol>li{padding:1.5rem;}
 &:not(:first-child) .wx-richtext>ol>li>strong{margin-bottom:1.5rem;}
 &[data-block="richtext"]:nth-child(3){padding:2rem 1.5rem;border-radius:1.2rem;}
 &[data-block="accordion"]{grid-template-columns:1fr;gap:1rem;}
 &[data-block="cta"]{margin-top:4rem !important;padding:2rem 1.5rem;border-radius:1.2rem;}
 &[data-block="cta"] h2{font-size:clamp(2.5rem,10.5vw,3.6rem);}
}
}
[data-tenant="stepupwebdesign"][data-page^="/services/"]:not([data-page="/services/"]){
& .wx-website-page>div>div>div>section{
 &:nth-child(2){grid-row:7;}
 &:nth-child(3){grid-column:1;grid-row:8;}
}
& .wx-website-columns aside{grid-column:1;grid-row:9;margin-top:2rem;padding:2rem 1.5rem;border-radius:1.2rem;}
}
[data-tenant="stepupwebdesign"][data-page="/services/"][data-website="main"]{
& [data-collection="services"]>div>div{grid-template-columns:1fr;}
}
[data-tenant="stepupwebdesign"][data-page="/portfolio/"][data-website="main"]{
& [data-collection="portfolio"]>div>div.grid{grid-template-columns:1fr;}
}
[data-tenant="stepupwebdesign"][data-page="/privacy/"][data-website="main"]{
& .wx-website-page>div>div>div>section:nth-child(2) .wx-richtext>ol{grid-template-columns:1fr;}
}
[data-tenant="stepupwebdesign"][data-page="/sitemap/"][data-website="main"]{
& .wx-website-page>div>div>div>section:nth-child(2) .wx-richtext>ol{grid-template-columns:1fr;}
}
}

@media (min-width:64rem){
[data-tenant="stepupwebdesign"]:not([data-page="/"]):not([data-page="/technologies/"]){
& .wx-website-page>div>div>div>section .wx-richtext>ol:is(:has(>li:nth-child(2):last-child),:has(>li:nth-child(4):last-child)){grid-template-columns:repeat(2,minmax(0,1fr));}
& .wx-website-page>div>div>div>section .wx-richtext>ol:has(>li:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr));
&>li{grid-column:span 2;}
&>li:nth-last-child(-n+2){grid-column:span 3;}
}
}
}

@media (max-width:47.99rem){
[data-tenant="stepupwebdesign"]:not([data-page="/"]):not([data-page="/technologies/"]) .wx-website-page>div>div>div>section{
&:nth-child(2){grid-row:7;}
&:nth-child(3){grid-row:8;}
&:nth-child(4){grid-row:10;}
&:nth-child(5){grid-row:11;}
}
}

[data-tenant="stepupwebdesign"][data-website="main"]{
/* Service-led illustrations: pipeline, AI decision flow and outreach sequence. */
&:is([data-page="/services/crm-workspace-integrations/"],[data-page="/services/ai-automation/"],[data-page="/services/cold-email-outreach/"]) .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{
&::before{content:none;}
&>li:nth-child(n){margin:0;box-shadow:none;min-width:0;}
&>li code{float:none;margin:0;padding:0;}
}
&[data-page="/services/crm-workspace-integrations/"]{
& .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:1rem .65rem;padding:1.75rem;background:#e5eafa;
&>li:nth-child(n){padding:1rem .65rem;border-radius:.8rem;background:#d6def5;}
&>li:first-child{grid-column:1/-1;padding:0 0 1rem;background:transparent;}
&>li>strong{font-size:.85rem;letter-spacing:-.025em;line-height:1.4;}
&>li:first-child>strong{font-size:2rem;line-height:1.1;letter-spacing:-.055em;}
&>li>p{font-size:.66rem;}
&>li:first-child>p{margin:0 0 1rem;color:var(--su-blue);font-size:.55rem;font-weight:650;letter-spacing:.1em;}
&>li>ul{display:grid;gap:.65rem;margin:1.1rem 0 0;padding:0;list-style:none;}
&>li>ul>li{padding:.85rem .65rem;border-radius:.5rem;background:#fff;color:var(--su-ink);font-size:.72rem;font-weight:600;line-height:1.5;}
}
& .wx-website-columns aside{background:#e5eafa;border-color:#cbd5ef;}
}
&[data-page="/services/ai-automation/"]{
& .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{display:grid;grid-template-columns:1fr 1fr;align-content:center;align-items:center;gap:1.25rem;padding:2rem;background:var(--su-ink);
&>li:nth-child(n){padding:1.25rem;background:var(--su-paper);border-radius:.9rem;}
&>li:first-child{grid-column:1/-1;background:#2c3226;border:1px dashed #6b755e;color:var(--su-paper);}
&>li:first-child>p{color:#c6cdbd;}
&>li:first-child>p:first-child{margin:0 0 1rem;font-size:.55rem;letter-spacing:.1em;color:var(--su-lime);}
&>li:nth-child(2){grid-column:1;grid-row:2/span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:14rem;aspect-ratio:1;padding:1.2rem;border-radius:50%;background:var(--su-lime);text-align:center;}
&>li:nth-child(2)>code{font-size:3.5rem;line-height:1;margin-bottom:1rem;color:var(--su-ink);}
&>li>strong{font-size:1.35rem;letter-spacing:-.04em;}
&>li:nth-child(2)>p{font-size:.65rem;}
&>li:nth-child(3){grid-column:2;grid-row:2;}
&>li:last-child{grid-column:2;grid-row:3;background:var(--su-blue);color:#fff;}
&>li:last-child>p{color:#fff;}
}
& .wx-website-columns aside{background:var(--su-lime);border-color:var(--su-lime);}
}
&[data-page="/services/cold-email-outreach/"]{
& .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{display:grid;grid-template-columns:1fr;align-content:center;gap:1.5rem;padding:2rem;background:var(--su-lime);
&>li:nth-child(n){padding:0;background:transparent;}
&>li:first-child>strong{font-size:1.9rem;letter-spacing:-.055em;}
&>li:first-child>p{margin:0 0 1rem;font-size:.55rem;font-weight:650;letter-spacing:.1em;color:#364016;}
&>li:nth-child(2){padding:1.5rem;background:#fff;border:1px solid #bdce7b;border-radius:1rem;}
&>li:nth-child(2)>p{font-size:.75rem;line-height:1.65;}
&>li:nth-child(2)>p:first-child{margin:0;}
&>li:nth-child(2)>p:nth-child(2){padding-bottom:1rem;border-bottom:1px solid var(--su-line);}
&>li:nth-child(2)>p>strong{display:inline;font-size:.7rem;margin-right:.5rem;letter-spacing:0;}
&>li:nth-child(2)>h3{margin:1.2rem 0 .75rem;font-size:1.5rem;line-height:1.15;}
&>li:nth-child(2)>p:last-child{font-size:.6rem;}
&>li:last-child>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0;margin:0;list-style:none;}
&>li:last-child>ol>li{padding-top:1rem;border-top:1px solid #889e3f;}
&>li:last-child>ol>li>strong{font-size:1rem;color:var(--su-ink);font-weight:500;}
&>li:last-child>ol>li>p{font-size:.65rem;line-height:1.5;color:#364016;}
}
& .wx-website-columns aside{background:#fff;border-color:#bdce7b;}
}
@media(max-width:63.99rem){
&[data-page="/services/crm-workspace-integrations/"] .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{grid-template-columns:1fr;gap:.75rem;padding:1.5rem;min-height:0;
&>li:nth-child(n){padding:1rem;}
&>li:first-child{padding:0 0 .5rem;}
&>li>ul{grid-template-columns:1fr 1fr;margin-top:.6rem;gap:.5rem;}
&>li>p{margin-top:.5rem;}
&>li>strong{font-size:.85rem;}
}
&[data-page="/services/ai-automation/"] .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{grid-template-columns:1fr;min-height:0;padding:1.5rem;
&>li:nth-child(n){grid-column:1;grid-row:auto;}
&>li:nth-child(2){width:12rem;justify-self:center;}
}
&[data-page="/services/cold-email-outreach/"] .wx-website-page>div>div>div>section:first-child .wx-richtext>ul{min-height:0;padding:1.5rem;
&>li:nth-child(2){padding:1.25rem;}
&>li:first-child>strong{font-size:1.7rem;}
}
}

}