Changes for page Home
Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.33
edited by Alex Cotiugă
on 2025/11/13 11:42
on 2025/11/13 11:42
Change comment:
There is no comment for this version
To version 7.74
edited by Alex Cotiugă
on 2025/11/13 20:32
on 2025/11/13 20:32
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,178 +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="lead">All the XWiki services you need, delivered with precision and care</p> 64 - <div class="services-grid"> 65 - <!-- Upgrades & Migrations --> 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) 66 66 <article class="service"> 67 - <i class="fa fa- refresh" aria-hidden="true"></i>123 + <i class="fa fa-$entry.icon" aria-hidden="true"></i> 68 68 <div class="body"> 69 - <h 3>Upgrades & Migrations</h3>70 - <p> Smooth upgrades to currentLTS with minimal downtimeand rollback safety.</p>125 + <h4>$entry.title</h4> 126 + <p>$entry.content</p> 71 71 <ul> 72 - <li>Audit ofcurrentversion, extensions,and data structure</li>73 - <li> Test and perform upgrades or platform migrations (Confluence, MediaWiki, SharePoint → XWiki)</li>74 - <li>Backups, rollback plan, and post-upgradeverification</li>128 + #foreach ($item in $entry.items) 129 + <li>$item</li> 130 + #end 75 75 </ul> 76 76 </div> 77 77 </article> 78 - 79 - <!-- Maintenance & Support --> 80 - <article class="service"> 81 - <i class="fa fa-stethoscope" aria-hidden="true"></i> 82 - <div class="body"> 83 - <h3>Maintenance & Support</h3> 84 - <p>Keep your instance healthy with regular checks and timely assistance.</p> 85 - <ul> 86 - <li>Security patches, log review, health reports</li> 87 - <li>Incident triage with defined response times</li> 88 - </ul> 89 - </div> 90 - </article> 91 - 92 - <!-- Custom Development --> 93 - <article class="service"> 94 - <i class="fa fa-cogs" aria-hidden="true"></i> 95 - <div class="body"> 96 - <h3>Custom Development</h3> 97 - <p>Macros, apps, and workflow automation tailored to your team.</p> 98 - <ul> 99 - <li>Structured data models, permissions, tests</li> 100 - <li>Documentation and clean handover</li> 101 - </ul> 102 - </div> 103 - </article> 104 - 105 - <!-- Integrations --> 106 - <article class="service"> 107 - <i class="fa fa-link" aria-hidden="true"></i> 108 - <div class="body"> 109 - <h3>Integrations</h3> 110 - <p>Maintainable connections to identity and business systems.</p> 111 - <ul> 112 - <li>SSO (OIDC/SAML/LDAP), REST APIs, webhooks</li> 113 - <li>Mappings and importers that survive upgrades</li> 114 - </ul> 115 - </div> 116 - </article> 117 - 118 - <!-- Hosting & Deployment --> 119 - <article class="service"> 120 - <i class="fa fa-cloud" aria-hidden="true"></i> 121 - <div class="body"> 122 - <h3>Hosting & Deployment</h3> 123 - <p>Cloud-ready setups with backups, observability, and tuning.</p> 124 - <ul> 125 - <li>Containerized deploy, TLS/headers, metrics/logs</li> 126 - <li>Backup/restore strategy and performance tuning</li> 127 - </ul> 128 - </div> 129 - </article> 130 - 131 - <!-- Audit & Recovery --> 132 - <article class="service"> 133 - <i class="fa fa-shield" aria-hidden="true"></i> 134 - <div class="body"> 135 - <h3>Audit & Recovery</h3> 136 - <p>Stabilize broken instances and harden configuration.</p> 137 - <ul> 138 - <li>Root-cause analysis, dependency audit, fix plan</li> 139 - <li>Distribution Wizard re-run and hardening</li> 140 - </ul> 141 - </div> 142 - </article> 143 - </div> 134 + #end 144 144 </div> 145 - </section> 136 + </div> 137 + </section> 146 146 147 - <!-- ================= METRICS ================= --> 148 - <section aria-labelledby="metrics-title"> 149 - <div class="container"> 150 - <h2 id="metrics-title">Delivery at a glance</h2> 151 - <div class="metrics" role="list"> 152 - <div class="metric" role="listitem"> 153 - <div class="num">8–12h</div> 154 - <div class="label">Typical LTS upgrade window</div> 155 - </div> 156 - <div class="metric" role="listitem"> 157 - <div class="num"><1h</div> 158 - <div class="label">Average service downtime during upgrades</div> 159 - </div> 160 - <div class="metric" role="listitem"> 161 - <div class="num">24–48h</div> 162 - <div class="label">First response SLA (plans)</div> 163 - </div> 164 - <div class="metric" role="listitem"> 165 - <div class="num">10+ yrs</div> 166 - <div class="label">XWiki expertise</div> 167 - </div> 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> 168 168 </div> 169 - <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p> 148 + <div class="metric" role="listitem"> 149 + <div class="num"><1h</div> 150 + <div class="label">Average service downtime during upgrades</div> 151 + </div> 152 + <div class="metric" role="listitem"> 153 + <div class="num">24–48h</div> 154 + <div class="label">First response SLA (plans)</div> 155 + </div> 156 + <div class="metric" role="listitem"> 157 + <div class="num">10+ yrs</div> 158 + <div class="label">XWiki expertise</div> 159 + </div> 170 170 </div> 171 - </section> 161 + <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p> 162 + </div> 163 + </section> 172 172 173 - <!-- ================= PROCESS ================= --> 174 - <section aria-labelledby="process-title"> 175 - <div class="container"> 176 - <h2 id="process-title">Process</h2> 177 - <p class="lead">Calm, predictable, and transparent from start to finish.</p> 178 - <div class="steps"> 179 - <div class="step"> 180 - <h3>1) Assess</h3> 181 - <p>Review environment, extensions, constraints, and risks with no surprises.</p> 182 - </div> 183 - <div class="step"> 184 - <h3>2) Plan</h3> 185 - <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p> 186 - </div> 187 - <div class="step"> 188 - <h3>3) Deliver</h3> 189 - <p>Execute, verify, document, and hand over with actionable notes.</p> 190 - </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> 191 191 </div> 175 + <div class="step"> 176 + <h3>2) Plan</h3> 177 + <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p> 178 + </div> 179 + <div class="step"> 180 + <h3>3) Deliver</h3> 181 + <p>Execute, verify, document, and hand over with actionable notes.</p> 182 + </div> 192 192 </div> 193 - </section> 184 + </div> 185 + </section> 194 194 195 - <!-- ================= FAQ ================= -->196 - <section class="faq" aria-labelledby="faq-title">197 - <div class="container">198 - <h2 id="faq-title">FAQ</h2>199 - <details>200 - <summary>How much downtime should we expect for an upgrade?</summary>201 - <p>Most upgrades complete in a short maintenance window. For mission-critical wikis we rehearse and stage changes to minimize downtime.</p>202 - </details>203 - <details>204 - <summary>Can you help if our wiki is already broken?</summary>205 - <p>Yes. We start with an audit to stabilize the instance, recover missing features, and harden configuration.</p>206 - </details>207 - <details>208 - <summary>Do you offer support plans?</summary>209 - <p>Yes, from ad-hoc assistance to ongoing retainers with response-time guarantees and monthly health checks.</p>210 - </details>211 - </div>212 - </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> 213 213 214 - <!-- ================= CTA ================= --> 215 - <section id="contact" aria-labelledby="contact-title"> 216 - <div class="container"> 217 - <div class="cta-band"> 218 - <div> 219 - <h3 id="contact-title">Need a reliable plan for your XWiki?</h3> 220 - <p class="lead" style="margin:0">Upgrades, support, and integrations handled with low risk and clear communication.</p> 221 - </div> 222 - <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> 223 223 </div> 214 + <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a> 224 224 </div> 225 - </section> 226 - </main> 216 + </div> 217 + </section> 218 +</main> 227 227 {{/html}} 228 228 #* 229 229 = 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 ... ... @@ -139,6 +139,7 @@ 139 139 box-shadow: @shadow-sm; 140 140 display: flex; 141 141 flex-direction: column; 143 + height: 100%; 142 142 justify-content: flex-start; 143 143 gap: 8px; 144 144 text-align: left; ... ... @@ -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,50 +178,122 @@ 178 178 } 179 179 } 180 180 181 - /* SERVICES */ 182 - /* Section header */ 183 - /*.services { padding: 2.5rem 0; } 184 - .services h2 { margin:0 0 .3rem; font-size:1.75rem; font-weight:800; } 185 - .services-sub { margin:0 0 1.25rem; color:#5b6a72; } 186 -*/ 187 - /* Two-column grid */ 188 - .services-grid { 189 - display:grid; 190 - grid-template-columns: repeat(2, 1fr); 191 - gap: 24px 32px; 192 - } 180 + /* SERVICES */ 181 + .services { 182 + h2 { 183 + margin: 0 0 .3rem; 184 + } 193 193 194 - /* Service item = media block with icon badge */ 195 - .service { 196 - display:grid; 197 - grid-template-columns: 44px 1fr; 198 - gap: 14px; 199 - padding: 18px 0; 200 - border-top: 1px solid rgba(0,0,0,0.08); 201 - } 202 - .service:nth-child(-n+2) { border-top: none; } /* remove top line for first row */ 186 + .services-sub { 187 + margin: 0 0 1.75rem; 188 + color: @muted; 189 + } 203 203 204 - .service>i{205 - width:40px; height:40px; border-radius:50%;206 - display:flex; align-items:center; justify-content:center;207 - f ont-size:18px; color:#008e78;background:rgba(0,142,120,.09);208 - margin-top:2px;209 - } 191 + /* Flex layout: 2 per row on desktop */ 192 + .services-grid { 193 + display: flex; 194 + flex-wrap: wrap; 195 + gap: 32px 36px; // row gap, column gap 196 + } 210 210 211 - /* .service .body h3 { margin:0 0 4px; font-size:1.125rem; font-weight:800; } 212 - .service .body p { margin:0 0 6px; color:#25333b; line-height:1.5; } 213 - .service .body ul { margin:.35rem 0 0; padding-left:1.15rem; } 214 - .service .body li { margin:.2rem 0; color:#2d3b43; } 215 -*/ 216 - /* Mobile: single column */ 217 - @media (max-width: 760px) { 218 - .services-grid { grid-template-columns: 1fr; gap: 10px 0; } 219 - .service { grid-template-columns: 38px 1fr; } 220 - .service > i { width:36px; height:36px; font-size:16px; } 221 - .service:nth-child(-n+2) { border-top: 1px solid rgba(0,0,0,0.08); } 222 - .service:first-child { border-top:none; } 223 - } 198 + .service { 199 + display: grid; 200 + grid-template-columns: 48px 1fr; 201 + gap: 16px; 202 + padding: 18px 0; 203 + border-top: 1px solid @line; 224 224 205 + /* two per row */ 206 + flex: 1 1 calc(50% - 18px); 207 + max-width: calc(50% - 18px); 208 + 209 + /* first row: no top border */ 210 + &:nth-of-type(-n + 2) { 211 + border-top: none; 212 + } 213 + 214 + > i { 215 + width: 42px; 216 + height: 42px; 217 + border-radius: 50%; 218 + display: flex; 219 + align-items: center; 220 + justify-content: center; 221 + font-size: 18px; 222 + color: @brand; 223 + background: fade(@brand, 10%); 224 + margin-top: 3px; 225 + } 226 + 227 + .body { 228 + h4 { 229 + margin: 0 0 4px; 230 + font-size: 1.125rem; 231 + font-weight: 800; 232 + } 233 + 234 + p { 235 + margin: 0 0 6px; 236 + color: @text; 237 + line-height: 1.5; 238 + } 239 + 240 + ul { 241 + margin: .45rem 0 0; 242 + padding-left: 1.1rem; 243 + color: @muted; 244 + font-size: .95rem; 245 + } 246 + 247 + li { 248 + margin: .25rem 0; 249 + line-height: 1.45; 250 + } 251 + } 252 + } 253 + 254 + /* If there is an odd number of services, center the last one */ 255 + .services-grid > .service:last-child:nth-child(odd) { 256 + flex-basis: 100%; 257 + max-width: 680px; 258 + margin-left: auto; 259 + margin-right: auto; 260 + } 261 + 262 + /* Mobile: single column, full-width */ 263 + @media (max-width: 760px) { 264 + .services-grid { 265 + gap: 20px; 266 + } 267 + 268 + .service { 269 + grid-template-columns: 40px 1fr; 270 + flex: 1 1 100%; 271 + max-width: 100%; 272 + 273 + /* reset border for all, then remove only on first */ 274 + border-top: 1px solid @line; 275 + 276 + &:nth-of-type(1) { 277 + border-top: none; 278 + } 279 + 280 + > i { 281 + width: 36px; 282 + height: 36px; 283 + font-size: 16px; 284 + } 285 + } 286 + 287 + /* On mobile, last item behaves like all others */ 288 + .services-grid > .service:last-child:nth-child(odd) { 289 + flex-basis: 100%; 290 + max-width: 100%; 291 + margin-left: 0; 292 + margin-right: 0; 293 + } 294 + } 295 + } 225 225 /* METRICS */ 226 226 .metrics { 227 227 display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); ... ... @@ -272,12 +272,6 @@ 272 272 background-attachment: scroll; 273 273 } 274 274 275 - /* Fix possible grid or card overshoot */ 276 - .container { 277 - max-width: 100%; 278 - overflow-x: clip; /* hides subtle pixel overflow without scroll */ 279 - } 280 - 281 281 /* Safety for large paddings/margins that might extend */ 282 282 section, .widgets, .services, .metrics, .steps { 283 283 margin-left: auto;