Changes for page Home
Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.47
edited by Alex Cotiugă
on 2025/11/13 12:15
on 2025/11/13 12:15
Change comment:
There is no comment for this version
To version 7.73
edited by Alex Cotiugă
on 2025/11/13 20:31
on 2025/11/13 20:31
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -3,48 +3,57 @@ 3 3 Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision. Focusing on stability, performance, and long-term support we ensure your business knowledge and collaboration tools remain dependable, secure, and adaptable to growth.*# 4 4 {{html clean="false"}} 5 5 <main class="agnease-landing"> 6 - <!-- ================= HERO ================= --> 7 - <section class="hero hero-centered" aria-labelledby="hero-title"> 8 - <div class="container"> 9 - <div class="hero-inner"> 10 - <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1> 11 - <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p> 12 - <div class="hero-cta"> 13 - <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">Request a consultation</a> 6 + <!-- ================= HERO ================= --> 7 + <section class="hero hero-centered" aria-labelledby="hero-title"> 8 + <div class="container"> 9 + <div class="row"> 10 + <div class="col-sm-12"> 11 + <div class="hero-inner"> 12 + <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1> 13 + <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p> 14 + <div class="hero-cta"> 15 + <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease"> 16 + Request a consultation 17 + </a> 18 + </div> 19 + <ul class="benefits"> 20 + <li>Smooth upgrades</li> 21 + <li>Reliable support plans</li> 22 + <li>Custom integrations</li> 23 + <li>Secure, optimized platforms</li> 24 + </ul> 14 14 </div> 15 - <ul class="benefits"> 16 - <li>Smooth upgrades</li> 17 - <li>Reliable support plans</li> 18 - <li>Custom integrations</li> 19 - <li>Secure, optimized platforms</li> 20 - </ul> 21 21 </div> 22 22 </div> 23 - </section> 24 - <!-- ========= WHY CHOOSE AGNEASE (widgets) ========= --> 25 - #set ($whyArray = [{ 26 - 'title': 'Stability & security', 27 - 'icon': 'shield', 28 - 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.' 29 - },{ 30 - 'title': 'Predictable delivery', 31 - 'icon': 'check-square-o', 32 - 'content': 'Clear scope, defined steps, and documented results to avoid surprises.' 33 - },{ 34 - 'title': 'Clean integrations', 35 - 'icon': 'link', 36 - 'content': 'Maintainable SSO, API, and system connections tailored to your environment.' 37 - },{ 38 - 'title': 'Long-term support', 39 - 'icon': 'life-ring', 40 - 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.' 41 - }]) 42 - <section aria-labelledby="why-title"> 43 - <div class="container"> 44 - <h2 id="why-title">Why choose Agnease</h2> 45 - <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p> 46 - <div class="widgets" role="list"> 47 - #foreach ($entry in $whyArray) 28 + </div> 29 + </section> 30 + 31 + <!-- ========= WHY CHOOSE AGNEASE (widgets) ========= --> 32 + #set ($whySectionData = [{ 33 + 'title': 'Stability & security', 34 + 'icon': 'shield', 35 + 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.' 36 + },{ 37 + 'title': 'Predictable delivery', 38 + 'icon': 'check-square-o', 39 + 'content': 'Clear scope, defined steps, and documented results to avoid surprises.' 40 + },{ 41 + 'title': 'Clean integrations', 42 + 'icon': 'link', 43 + 'content': 'Maintainable SSO, API, and system connections tailored to your environment.' 44 + },{ 45 + 'title': 'Long-term support', 46 + 'icon': 'life-ring', 47 + 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.' 48 + }]) 49 + <section aria-labelledby="why-title"> 50 + <div class="container"> 51 + <h2 id="why-title">Why choose Agnease</h2> 52 + <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p> 53 + 54 + <div class="row widgets" role="list"> 55 + #foreach ($entry in $whySectionData) 56 + <div class="col-sm-6 col-md-3"> 48 48 <article class="widget" role="listitem"> 49 49 <div class="icon" aria-hidden="true"> 50 50 <i class="fa fa-$entry.icon"></i> ... ... @@ -52,168 +52,161 @@ 52 52 </div> 53 53 <p>$entry.content</p> 54 54 </article> 55 - #end56 - </div>64 + </div> 65 + #end 57 57 </div> 58 - </section> 59 - <!-- ================= SERVICES ================= --> 60 - <section class="services" aria-labelledby="services-title"> 61 - <div class="container"> 62 - <h2 id="services-title">Services</h2> 63 - <p class="services-sub">All the XWiki services you need, delivered with precision and care</p> 67 + </div> 68 + </section> 69 + <!-- ================= SERVICES ================= --> 70 + #set ($servicesSectionData = [{ 71 + 'title': 'Upgrades', 72 + 'icon': 'refresh', 73 + 'content': 'Stay current with the latest XWiki LTS and keep your instance secure and stable.', 74 + 'items': [ 75 + 'Audit setup, extensions, and configurations', 76 + 'Test upgrades with backups and validation', 77 + 'Safe production rollout with minimal downtime' 78 + ] 79 + },{ 80 + 'title': 'Maintenance, Support & Recovery', 81 + 'icon': 'stethoscope', 82 + 'content': 'Ensure long-term stability and quick response when issues appear.', 83 + 'items': [ 84 + 'Monitoring and performance checks', 85 + 'Security patching, log analysis, triage', 86 + 'Issue recovery, data repair, hardening' 87 + ] 88 + },{ 89 + 'title': 'Development & Integrations', 90 + 'icon': 'cogs', 91 + 'content': 'Extend and connect XWiki to fit your workflow and systems.', 92 + 'items': [ 93 + 'Custom apps, macros, automation', 94 + 'SSO, REST APIs, LDAP, CRM links', 95 + 'Maintainable extensions for long-term use' 96 + ] 97 + },{ 98 + 'title': 'Hosting & Deployment', 99 + 'icon': 'cloud', 100 + 'content': 'Cloud-ready environments designed for reliability and performance.', 101 + 'items': [ 102 + 'Containerized deployment and TLS', 103 + 'Backups, restore strategy, observability', 104 + 'Optimization and load tuning' 105 + ] 106 + },{ 107 + 'title': 'Migrations to XWiki', 108 + 'icon': 'exchange', 109 + 'content': 'Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.', 110 + 'items': [ 111 + 'Preserve hierarchy, attachments, and permissions', 112 + 'Convert macros, categories, and metadata for XWiki', 113 + 'Redirect old URLs and maintain SEO consistency' 114 + ] 115 + }]) 116 + <section class="services" aria-labelledby="services-title"> 117 + <div class="container"> 118 + <h2 id="services-title">Services</h2> 119 + <p class="services-sub">All the XWiki services you need, delivered with precision and care</p> 120 + <div class="services-grid"> 121 + #foreach ($entry in $servicesSectionData) 122 + <article class="service"> 123 + <i class="fa fa-$entry.icon" aria-hidden="true"></i> 124 + <div class="body"> 125 + <h4>$entry.title</h4> 126 + <p>$entry.content</p> 127 + <ul> 128 + #foreach ($item in $entry.items) 129 + <li>$item</li> 130 + #end 131 + </ul> 132 + </div> 133 + </article> 134 + #end 135 + </div> 136 + </div> 137 + </section> 64 64 65 - <div class="services-grid"> 66 - <!-- Row 1 --> 67 - <article class="service"> 68 - <i class="fa fa-refresh" aria-hidden="true"></i> 69 - <div class="body"> 70 - <h3>Upgrades</h3> 71 - <p>Stay current with the latest XWiki LTS and keep your instance secure and stable.</p> 72 - <ul> 73 - <li>Audit setup, extensions, and configurations</li> 74 - <li>Test upgrades with backups and validation</li> 75 - <li>Safe production rollout with minimal downtime</li> 76 - </ul> 139 + <!-- ================= METRICS ================= --> 140 + <section aria-labelledby="metrics-title"> 141 + <div class="container"> 142 + <h2 id="metrics-title">Delivery at a glance</h2> 143 + <div class="metrics" role="list"> 144 + <div class="metric" role="listitem"> 145 + <div class="num">8–12h</div> 146 + <div class="label">Typical LTS upgrade window</div> 77 77 </div> 78 - </article> 79 - 80 - <article class="service"> 81 - <i class="fa fa-stethoscope" aria-hidden="true"></i> 82 - <div class="body"> 83 - <h3>Maintenance, Support & Recovery</h3> 84 - <p>Ensure long-term stability and quick response when issues appear.</p> 85 - <ul> 86 - <li>Monitoring and performance checks</li> 87 - <li>Security patching, log analysis, triage</li> 88 - <li>Issue recovery, data repair, hardening</li> 89 - </ul> 148 + <div class="metric" role="listitem"> 149 + <div class="num"><1h</div> 150 + <div class="label">Average service downtime during upgrades</div> 90 90 </div> 91 - </article> 92 - 93 - <!-- Row 2 --> 94 - <article class="service"> 95 - <i class="fa fa-cogs" aria-hidden="true"></i> 96 - <div class="body"> 97 - <h3>Development & Integrations</h3> 98 - <p>Extend and connect XWiki to fit your workflow and systems.</p> 99 - <ul> 100 - <li>Custom apps, macros, automation</li> 101 - <li>SSO, REST APIs, LDAP, CRM links</li> 102 - <li>Maintainable extensions for long-term use</li> 103 - </ul> 152 + <div class="metric" role="listitem"> 153 + <div class="num">24–48h</div> 154 + <div class="label">First response SLA (plans)</div> 104 104 </div> 105 - </article> 106 - 107 - <article class="service"> 108 - <i class="fa fa-cloud" aria-hidden="true"></i> 109 - <div class="body"> 110 - <h3>Hosting & Deployment</h3> 111 - <p>Cloud-ready environments designed for reliability and performance.</p> 112 - <ul> 113 - <li>Containerized deployment and TLS</li> 114 - <li>Backups, restore strategy, observability</li> 115 - <li>Optimization and load tuning</li> 116 - </ul> 156 + <div class="metric" role="listitem"> 157 + <div class="num">10+ yrs</div> 158 + <div class="label">XWiki expertise</div> 117 117 </div> 118 - </article> 119 - 120 - <!-- Row 3 (single, centered) --> 121 - <article class="service service--center"> 122 - <i class="fa fa-exchange" aria-hidden="true"></i> 123 - <div class="body"> 124 - <h3>Migrations</h3> 125 - <p>Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.</p> 126 - <ul> 127 - <li>Preserve hierarchy, attachments, and permissions</li> 128 - <li>Convert macros, categories, and metadata for XWiki</li> 129 - <li>Redirect old URLs and maintain SEO consistency</li> 130 - </ul> 131 - </div> 132 - </article> 160 + </div> 161 + <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p> 133 133 </div> 134 - </div> 135 -</section> 163 + </section> 136 136 137 - <!-- ================= METRICS ================= --> 138 - <section aria-labelledby="metrics-title"> 139 - <div class="container"> 140 - <h2 id="metrics-title">Delivery at a glance</h2> 141 - <div class="metrics" role="list"> 142 - <div class="metric" role="listitem"> 143 - <div class="num">8–12h</div> 144 - <div class="label">Typical LTS upgrade window</div> 145 - </div> 146 - <div class="metric" role="listitem"> 147 - <div class="num"><1h</div> 148 - <div class="label">Average service downtime during upgrades</div> 149 - </div> 150 - <div class="metric" role="listitem"> 151 - <div class="num">24–48h</div> 152 - <div class="label">First response SLA (plans)</div> 153 - </div> 154 - <div class="metric" role="listitem"> 155 - <div class="num">10+ yrs</div> 156 - <div class="label">XWiki expertise</div> 157 - </div> 165 + <!-- ================= PROCESS ================= --> 166 + <section aria-labelledby="process-title"> 167 + <div class="container"> 168 + <h2 id="process-title">Process</h2> 169 + <p class="lead">Calm, predictable, and transparent from start to finish.</p> 170 + <div class="steps"> 171 + <div class="step"> 172 + <h3>1) Assess</h3> 173 + <p>Review environment, extensions, constraints, and risks with no surprises.</p> 158 158 </div> 159 - <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p> 160 - </div> 161 - </section> 162 - 163 - <!-- ================= PROCESS ================= --> 164 - <section aria-labelledby="process-title"> 165 - <div class="container"> 166 - <h2 id="process-title">Process</h2> 167 - <p class="lead">Calm, predictable, and transparent from start to finish.</p> 168 - <div class="steps"> 169 - <div class="step"> 170 - <h3>1) Assess</h3> 171 - <p>Review environment, extensions, constraints, and risks with no surprises.</p> 172 - </div> 173 - <div class="step"> 174 - <h3>2) Plan</h3> 175 - <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p> 176 - </div> 177 - <div class="step"> 178 - <h3>3) Deliver</h3> 179 - <p>Execute, verify, document, and hand over with actionable notes.</p> 180 - </div> 175 + <div class="step"> 176 + <h3>2) Plan</h3> 177 + <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p> 181 181 </div> 179 + <div class="step"> 180 + <h3>3) Deliver</h3> 181 + <p>Execute, verify, document, and hand over with actionable notes.</p> 182 + </div> 182 182 </div> 183 - </section> 184 + </div> 185 + </section> 184 184 185 - <!-- ================= FAQ ================= -->186 - <section class="faq" aria-labelledby="faq-title">187 - <div class="container">188 - <h2 id="faq-title">FAQ</h2>189 - <details>190 - <summary>How much downtime should we expect for an upgrade?</summary>191 - <p>Most upgrades complete in a short maintenance window. For mission-critical wikis we rehearse and stage changes to minimize downtime.</p>192 - </details>193 - <details>194 - <summary>Can you help if our wiki is already broken?</summary>195 - <p>Yes. We start with an audit to stabilize the instance, recover missing features, and harden configuration.</p>196 - </details>197 - <details>198 - <summary>Do you offer support plans?</summary>199 - <p>Yes, from ad-hoc assistance to ongoing retainers with response-time guarantees and monthly health checks.</p>200 - </details>201 - </div>202 - </section>187 + <!-- ================= FAQ ================= --> 188 + <section class="faq" aria-labelledby="faq-title"> 189 + <div class="container"> 190 + <h2 id="faq-title">FAQ</h2> 191 + <details> 192 + <summary>How much downtime should we expect for an upgrade?</summary> 193 + <p>Most upgrades complete in a short maintenance window. For mission-critical wikis we rehearse and stage changes to minimize downtime.</p> 194 + </details> 195 + <details> 196 + <summary>Can you help if our wiki is already broken?</summary> 197 + <p>Yes. We start with an audit to stabilize the instance, recover missing features, and harden configuration.</p> 198 + </details> 199 + <details> 200 + <summary>Do you offer support plans?</summary> 201 + <p>Yes, from ad-hoc assistance to ongoing retainers with response-time guarantees and monthly health checks.</p> 202 + </details> 203 + </div> 204 + </section> 203 203 204 - <!-- ================= CTA ================= --> 205 - <section id="contact" aria-labelledby="contact-title"> 206 - <div class="container"> 207 - <div class="cta-band"> 208 - <div> 209 - <h3 id="contact-title">Need a reliable plan for your XWiki?</h3> 210 - <p class="lead" style="margin:0">Upgrades, support, and integrations handled with low risk and clear communication.</p> 211 - </div> 212 - <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a> 206 + <!-- ================= CTA ================= --> 207 + <section id="contact" aria-labelledby="contact-title"> 208 + <div class="container"> 209 + <div class="cta-band"> 210 + <div> 211 + <h3 id="contact-title">Need a reliable plan for your XWiki?</h3> 212 + <p class="lead" style="margin:0">Upgrades, support, and integrations handled with low risk and clear communication.</p> 213 213 </div> 214 + <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a> 214 214 </div> 215 - </section> 216 - </main> 216 + </div> 217 + </section> 218 +</main> 217 217 {{/html}} 218 218 #* 219 219 = XWiki Multi-Factor Authentication (MFA) Application =
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -22,7 +22,7 @@ 22 22 h2 { font-size: clamp(1.4rem, 1.4vw + .8rem, 2rem); line-height: 1.2; margin: .2rem 0 .4rem; } 23 23 h3 { font-size: 1.12rem; margin: .2rem 0 .25rem; }*/ 24 24 .lead { color: @muted; max-width: 72ch; } 25 - .container { max-width: @maxw; margin-top: 5px; padding: 0;} 25 + .container { max-width: @maxw; margin-top: 5px; padding: 0; overflow-x: clip;} 26 26 27 27 /* Global sections */ 28 28 section { padding: 32px 0; border-top: 1px solid @line; } ... ... @@ -120,14 +120,15 @@ 120 120 } 121 121 } 122 122 123 - /* === WHY CHOOSE (widgets with inlineicon +title) === */123 + /* === WHY CHOOSE (widgets using Bootstrap grid) === */ 124 124 .widgets { 125 - display:grid;126 - gap:16px;127 - grid-template-columns:1fr;125 + margin-top: 12px; 126 + display: flex; 127 + flex-wrap: wrap; 128 128 129 - @media (min-width: 860px) { 130 - grid-template-columns: repeat(4, 1fr); 129 + /* optional: tighten columns a bit on small screens */ 130 + .col-sm-6 { 131 + margin-bottom: 16px; 131 131 } 132 132 } 133 133 ... ... @@ -149,7 +149,6 @@ 149 149 box-shadow: @shadow; 150 150 } 151 151 152 - /* The icon + title row */ 153 153 .icon { 154 154 display: flex; 155 155 align-items: center; ... ... @@ -163,7 +163,6 @@ 163 163 } 164 164 165 165 h4 { 166 - /*font-weight: 700; */ 167 167 margin: 0; 168 168 color: @text; 169 169 line-height: 1.2; ... ... @@ -170,7 +170,6 @@ 170 170 } 171 171 } 172 172 173 - /* Body paragraph */ 174 174 p { 175 175 color: @muted; 176 176 margin: 0; ... ... @@ -178,66 +178,122 @@ 178 178 } 179 179 } 180 180 181 - /* SERVICES */ 182 - /* --- Services grid --- */ 183 -.services-grid { 184 - display: grid; 185 - grid-template-columns: repeat(2, 1fr); 186 - gap: 32px 36px; 187 -} 179 + /* SERVICES */ 180 + .services { 181 + h2 { 182 + margin: 0 0 .3rem; 183 + } 188 188 189 -/* Service item */ 190 -.services-grid > article.service { 191 - display: grid; 192 - grid-template-columns: 48px 1fr; 193 - gap: 16px; 194 - padding: 18px 0; 195 - border-top: 1px solid rgba(0,0,0,0.08); 196 -} 185 + .services-sub { 186 + margin: 0 0 1.75rem; 187 + color: @muted; 188 + } 197 197 198 -/* First row only: remove top border. 199 - Use nth-of-type to avoid XWiki DOM noise changing indexes. */ 200 -.services-grid > article.service:nth-of-type(-n + 2) { 201 - border-top: none; 202 -} 190 + /* Flex layout: 2 per row on desktop */ 191 + .services-grid { 192 + display: flex; 193 + flex-wrap: wrap; 194 + gap: 32px 36px; // row gap, column gap 195 + } 203 203 204 -/* Icon badge */ 205 -.services-grid > article.service > i { 206 - width: 42px; 207 - height: 42px; 208 - border-radius: 50%; 209 - display: flex; 210 - align-items: center; 211 - justify-content: center; 212 - font-size: 18px; 213 - color: #008e78; 214 - background: rgba(0,142,120,0.08); 215 - margin-top: 3px; 216 -} 197 + .service { 198 + display: grid; 199 + grid-template-columns: 48px 1fr; 200 + gap: 16px; 201 + padding: 18px 0; 202 + border-top: 1px solid @line; 217 217 218 -/* Text */ 219 -.services-grid .body h3 { margin: 0 0 4px; font-size: 1.125rem; font-weight: 800; } 220 -.services-grid .body p { margin: 0 0 6px; color: #25333b; line-height: 1.5; } 221 -.services-grid .body ul { margin: .45rem 0 0; padding-left: 1.1rem; color: #2d3b43; } 222 -.services-grid .body li { margin: .25rem 0; line-height: 1.45; } 204 + /* two per row */ 205 + flex: 1 1 calc(50% - 18px); 206 + max-width: calc(50% - 18px); 223 223 224 -/* Last item (Migrations): centered single row */ 225 -.services-grid > article.service.service--center { 226 - grid-column: 1 / -1; 227 - max-width: 680px; 228 - justify-self: center; 229 - border-top: 1px solid rgba(0,0,0,0.08); 230 -} 208 + /* first row: no top border */ 209 + &:nth-of-type(-n + 2) { 210 + border-top: none; 211 + } 231 231 232 -/* Responsive */ 233 -@media (max-width: 760px) { 234 - .services-grid { grid-template-columns: 1fr; gap: 20px; } 235 - .services-grid > article.service { grid-template-columns: 40px 1fr; } 236 - .services-grid > article.service > i { width: 36px; height: 36px; font-size: 16px; } 237 - .services-grid > article.service.service--center { max-width: 100%; } 238 - /* On mobile only the very first service should have no top border */ 239 - .services-grid > article.service:nth-of-type(1) { border-top: none; } 240 -} 213 + > i { 214 + width: 42px; 215 + height: 42px; 216 + border-radius: 50%; 217 + display: flex; 218 + align-items: center; 219 + justify-content: center; 220 + font-size: 18px; 221 + color: @brand; 222 + background: fade(@brand, 10%); 223 + margin-top: 3px; 224 + } 225 + 226 + .body { 227 + h4 { 228 + margin: 0 0 4px; 229 + font-size: 1.125rem; 230 + font-weight: 800; 231 + } 232 + 233 + p { 234 + margin: 0 0 6px; 235 + color: @text; 236 + line-height: 1.5; 237 + } 238 + 239 + ul { 240 + margin: .45rem 0 0; 241 + padding-left: 1.1rem; 242 + color: @muted; 243 + font-size: .95rem; 244 + } 245 + 246 + li { 247 + margin: .25rem 0; 248 + line-height: 1.45; 249 + } 250 + } 251 + } 252 + 253 + /* If there is an odd number of services, center the last one */ 254 + .services-grid > .service:last-child:nth-child(odd) { 255 + flex-basis: 100%; 256 + max-width: 680px; 257 + margin-left: auto; 258 + margin-right: auto; 259 + } 260 + 261 + /* Mobile: single column, full-width */ 262 + @media (max-width: 760px) { 263 + .services-grid { 264 + gap: 20px; 265 + } 266 + 267 + .service { 268 + grid-template-columns: 40px 1fr; 269 + flex: 1 1 100%; 270 + max-width: 100%; 271 + 272 + /* reset border for all, then remove only on first */ 273 + border-top: 1px solid @line; 274 + 275 + &:nth-of-type(1) { 276 + border-top: none; 277 + } 278 + 279 + > i { 280 + width: 36px; 281 + height: 36px; 282 + font-size: 16px; 283 + } 284 + } 285 + 286 + /* On mobile, last item behaves like all others */ 287 + .services-grid > .service:last-child:nth-child(odd) { 288 + flex-basis: 100%; 289 + max-width: 100%; 290 + margin-left: 0; 291 + margin-right: 0; 292 + } 293 + } 294 + } 241 241 /* METRICS */ 242 242 .metrics { 243 243 display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); ... ... @@ -288,12 +288,6 @@ 288 288 background-attachment: scroll; 289 289 } 290 290 291 - /* Fix possible grid or card overshoot */ 292 - .container { 293 - max-width: 100%; 294 - overflow-x: clip; /* hides subtle pixel overflow without scroll */ 295 - } 296 - 297 297 /* Safety for large paddings/margins that might extend */ 298 298 section, .widgets, .services, .metrics, .steps { 299 299 margin-left: auto;