Changes for page Public Web Site

Summary

• Page properties (3 modified, 0 added, 0 removed)
• Objects (1 modified, 1 added, 2 removed)
  • Agnease.Code.SEODetailsClass[0]
  • XWiki.StyleSheetExtension[0]
  • XWiki.StyleSheetExtension[1]
  • XWiki.XWikiRights[0]

Details

Page properties

Default language

...	...	@@ -1,0 +1,1 @@
	1	+en

Hidden

...	...	@@ -1,1 +1,1 @@
1		-true
	1	+false

Content

...	...	@@ -2,119 +2,39 @@
2	2	#macro (displayPublicContent)
3	3	#set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome'))
4	4	{{html clean="false"}}
5		- <section class="hero hero-saas" id="top">
6		- <div class="container">
7		- <div class="hero-layout">
8		- <div class="hero-copy">
9		- <h1>Professional XWiki consulting <span>and engineering</span></h1>
10		- <p class="lead">
11		- Agnease helps organizations upgrade, maintain, secure and extend production XWiki platforms with practical engineering support, custom development, integrations and long-term care.
12		- </p>
13		- <ul class="benefits">
14		- <li>XWiki LTS upgrades</li>
15		- <li>Maintenance and support</li>
16		- <li>Custom XWiki development</li>
17		- <li>Migrations and integrations</li>
18		- </ul>
19		- <div class="hero-actions" id="hero-cta">
20		- <a class="btn btn-primary" href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06">
21		- Book a free discussion
22		- </a>
23		- <a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
24		- </div>
25		- </div>
26		- <div class="hero-visual" aria-hidden="true">
27		- <div class="hero-browser">
28		- <div class="hero-browser-top">
29		- <div class="hero-dot"></div>
30		- <div class="hero-dot"></div>
31		- <div class="hero-dot"></div>
32		- <div class="hero-search"></div>
33		- </div>
34		- <div class="hero-browser-body">
35		- <div class="hero-sidebar">
36		- <div class="hero-nav-item"><span class="hero-nav-icon"></span>Home</div>
37		- <div class="hero-nav-item"><span class="hero-nav-icon"></span>Documentation</div>
38		- <div class="hero-nav-item"><span class="hero-nav-icon"></span>Processes</div>
39		- <div class="hero-nav-item"><span class="hero-nav-icon"></span>Policies</div>
40		- <div class="hero-nav-item"><span class="hero-nav-icon"></span>Teams</div>
41		- </div>
42		- <div class="hero-content-panel">
43		- <div class="hero-panel-title">Production XWiki Platform</div>
44		- <div class="hero-skeleton"></div>
45		- <div class="hero-skeleton"></div>
46		- <div class="hero-skeleton short"></div>
47		- <div class="hero-dashboard-grid">
48		- <div class="hero-mini-card">
49		- <h4>Recent work</h4>
50		- <div class="hero-status-row"><span class="hero-status-dot"></span>LTS upgrade plan</div>
51		- <div class="hero-status-row"><span class="hero-status-dot"></span>Extension review</div>
52		- <div class="hero-status-row"><span class="hero-status-dot"></span>Production validation</div>
53		- </div>
54		- <div class="hero-mini-card">
55		- <h4>Platform care</h4>
56		- <div class="hero-status-row"><span class="hero-status-dot"></span>Permissions</div>
57		- <div class="hero-status-row"><span class="hero-status-dot"></span>Authentication</div>
58		- <div class="hero-status-row"><span class="hero-status-dot"></span>Maintainability</div>
59		- </div>
60		- </div>
61		- </div>
62		- </div>
63		- </div>
64		- <div class="hero-floating hero-upgrade-card">
65		- <div class="hero-card-title">Upgrade with confidence</div>
66		- <div class="hero-version-flow">
67		- <div class="hero-version">XWiki<br/>LTS</div>
68		- <div class="hero-arrow">→</div>
69		- <div class="hero-version">Staging</div>
70		- <div class="hero-arrow">→</div>
71		- <div class="hero-version active">Production</div>
72		- </div>
73		- </div>
74		- <div class="hero-floating hero-security-card">
75		- <div class="hero-card-title">Security-aware maintenance</div>
76		- <ul>
77		- <li>Permissions review</li>
78		- <li>Authentication support</li>
79		- <li>Audit and traceability</li>
80		- </ul>
81		- </div>
82		- <div class="hero-flow">
83		- <div class="hero-env">Review</div>
84		- <div class="hero-arrow">→</div>
85		- <div class="hero-env">Plan</div>
86		- <div class="hero-arrow">→</div>
87		- <div class="hero-env">Validate</div>
88		- </div>
89		- </div>
90		- </div>
91		- </div>
92		- </section>
93		-#*
	5	+
94	94	<section class="hero hero-centered" aria-labelledby="hero-title">
95	95	<div class="container hero-inner">
96		- <h1 id="hero-title">Professional XWiki consulting and engineering</h1>
	8	+ <div class="hero-kicker">
	9	+ <i class="fa fa-shield" aria-hidden="true"></i>
	10	+ XWiki consulting, upgrades and long-term support
	11	+ </div>
97	97
	13	+ <h1 id="hero-title">Reliable XWiki engineering for organizations that depend on their knowledge platform</h1>
	14	+
98	98	<p class="lead">
99		- Agnease helps organizations upgrade, maintain, secure and extend production XWiki platforms with practical
100		- engineering support, custom development, integrations and long-term care.
	16	+ Agnease helps companies keep XWiki secure, stable, up-to-date and adapted to real business processes.
101	101	</p>
102	102
	19	+ <p class="hero-support">
	20	+ From LTS upgrades and maintenance to custom applications, integrations, workflows and migrations,
	21	+ Agnease provides focused XWiki expertise with practical delivery and long-term care.
	22	+ </p>
	23	+
103	103	<ul class="benefits">
104		- <li>XWiki LTS upgrades</li>
105		- <li>Maintenance and support</li>
106		- <li>Custom XWiki development</li>
107		- <li>Migrations and integrations</li>
	25	+ <li>Safe LTS upgrades</li>
	26	+ <li>Support and recovery</li>
	27	+ <li>Custom XWiki applications</li>
	28	+ <li>Integrations and migrations</li>
108	108	</ul>
109	109
110	110	<div class="hero-actions">
111		- <a class="btn btn-primary" href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06">Book a free discussion</a>
112		- ##<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
	32	+ <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
113	113	<a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
114	114	</div>
115	115	</div>
116	116	</section>
117		-*#
	37	+
118	118	<section class="trust-strip" aria-label="Agnease experience">
119	119	<div class="container">
120	120	<ul>
...	...	@@ -128,71 +128,65 @@
128	128
129	129	<section aria-labelledby="platform-title">
130	130	<div class="container">
131		- <h2 id="platform-title">XWiki support for production knowledge platforms</h2>
	51	+ <h2 id="platform-title">When XWiki becomes business-critical, it needs professional care</h2>
132	132	<p class="section-intro">
133		- XWiki often grows from a documentation space into a business-critical knowledge platform.
134		- When it supports intranets, procedures, workflows, audits or integrations, it needs structured technical care
135		- for upgrades, security, permissions and maintainability.
	53	+ Many organizations start with XWiki as a documentation platform. Over time, it becomes a knowledge base,
	54	+ intranet, SOP portal, workflow system, audit trail or integration hub. At that point, upgrades, security,
	55	+ performance, permissions and maintainability are no longer optional technical details.
136	136	</p>
137	137
138	138	<div class="pathways">
139	139	<article class="pathway-card">
140		- <div class="card-heading">
141		- <div class="pathway-icon">
142		- <i class="fa fa-refresh" aria-hidden="true"></i>
143		- </div>
144		- <h3>Upgrade XWiki safely</h3>
	60	+ <div class="pathway-icon">
	61	+ <i class="fa fa-refresh" aria-hidden="true"></i>
145	145	</div>
	63	+ <h3>Keep XWiki current</h3>
146	146	<p>
147		- Plan and execute XWiki LTS upgrades with compatibility checks, staging validation and rollback planning.
	65	+ Plan and execute safe upgrades to supported XWiki versions, with compatibility checks and rollback planning.
148	148	</p>
149	149	<ul>
150	150	<li>LTS upgrade planning</li>
151	151	<li>Extension and custom code review</li>
152		- <li>Staging and production validation</li>
	70	+ <li>Production rollout validation</li>
153	153	</ul>
154	154	<p class="card-link">
155		- <a href="$xwiki.getURL('services.xwiki-upgrades')">View upgrade services</a>
	73	+ <a href="/services/xwiki-upgrades">View upgrade services</a>
156	156	</p>
157	157	</article>
158	158
159	159	<article class="pathway-card">
160		- <div class="card-heading">
161		- <div class="pathway-icon">
162		- <i class="fa fa-life-ring" aria-hidden="true"></i>
163		- </div>
164		- <h3>Maintain XWiki reliably</h3>
	78	+ <div class="pathway-icon">
	79	+ <i class="fa fa-life-ring" aria-hidden="true"></i>
165	165	</div>
	81	+ <h3>Keep XWiki reliable</h3>
166	166	<p>
167		- Keep production XWiki instances stable with troubleshooting, maintenance planning, recovery support and security-aware care.
	83	+ Get long-term technical care for instances that need to stay stable, secure and recoverable.
168	168	</p>
169	169	<ul>
170	170	<li>Troubleshooting and recovery</li>
171	171	<li>Performance and log analysis</li>
172		- <li>Upgrade and maintenance planning</li>
	88	+ <li>Security-aware maintenance</li>
173	173	</ul>
174	174	<p class="card-link">
175		- <a href="$xwiki.getURL('services.xwiki-maintenance-support')">View support services</a>
	91	+ <a href="/services/xwiki-maintenance-support">View support services</a>
176	176	</p>
177	177	</article>
178	178
179	179	<article class="pathway-card">
180		- <div class="card-heading">
181		- <div class="pathway-icon">
182		- <i class="fa fa-cogs" aria-hidden="true"></i>
183		- </div>
184		- <h3>Extend XWiki for your processes</h3>
	96	+ <div class="pathway-icon">
	97	+ <i class="fa fa-cogs" aria-hidden="true"></i>
185	185	</div>
	99	+ <h3>Adapt XWiki to your business</h3>
186	186	<p>
187		- Build custom XWiki applications, workflows, dashboards and integrations around real business needs.
	101	+ Build workflows, custom applications, dashboards, integrations and automation around your processes.
188	188	</p>
189	189	<ul>
190	190	<li>Custom XWiki applications</li>
191	191	<li>Workflows and approvals</li>
192		- <li>APIs, SSO, LDAP and integrations</li>
	106	+ <li>SSO, LDAP, APIs and integrations</li>
193	193	</ul>
194	194	<p class="card-link">
195		- <a href="$xwiki.getURL('services.xwiki-development-integrations')">View development services</a>
	109	+ <a href="/services/xwiki-development-integrations">View development services</a>
196	196	</p>
197	197	</article>
198	198	</div>
...	...	@@ -199,64 +199,33 @@
199	199	</div>
200	200	</section>
201	201
202		- <section class="industry-trust-section" aria-labelledby="industry-trust-title">
203		- <div class="container">
204		- <div class="industry-trust-panel">
205		- <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
206		-
207		- <p class="section-intro">
208		- Experience supporting XWiki platforms used in healthcare, financial services, scientific research,
209		- government institutions, transportation, software development, compliance programs and regulated environments.
210		- </p>
211		-
212		- <div class="industry-tags" aria-label="Industries and environments supported">
213		- <span>Healthcare</span>
214		- <span>Financial services</span>
215		- <span>Scientific research</span>
216		- <span>Government institutions</span>
217		- <span>Transportation</span>
218		- <span>Software development</span>
219		- <span>Compliance programs</span>
220		- <span>Regulated environments</span>
221		- </div>
222		-
223		- <p class="industry-support">
224		- Organizations rely on these platforms to manage documentation, workflows, compliance processes,
225		- research knowledge and critical business information. From upgrades and authentication integrations
226		- to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
227		- </p>
228		- </div>
229		- </div>
230		- </section>
231		-
232	232	<section class="split-section" aria-labelledby="why-title">
233	233	<div class="container">
234	234	<div class="split-grid">
235	235	<div class="split-copy">
236		- <h2 id="why-title">Why work with an XWiki specialist</h2>
	120	+ <h2 id="why-title">Why choose Agnease</h2>
237	237	<p>
238		- XWiki projects often involve more than pages. Production platforms may include custom code,
239		- extensions, authentication, permissions, workflows, integrations, compliance documentation
240		- and business-critical knowledge.
	122	+ Agnease brings more than 11 years of hands-on XWiki expertise to organizations that need reliable
	123	+ knowledge platforms, secure upgrades, custom applications, integrations, migrations and long-term support.
241	241	</p>
242	242	<p>
243		- Agnease brings 11+ years of hands-on XWiki experience to help reduce risk, support long-term reliability
244		- and leave the platform easier to maintain after the work is complete.
	126	+ The approach is practical and engineering-focused: understand the current system, reduce risk,
	127	+ document the work and leave your XWiki easier to maintain.
245	245	</p>
246	246	</div>
247	247
248	248	<ol class="process-list">
249	249	<li>
250		- <strong>Review the XWiki environment</strong>
251		- Version, extensions, infrastructure, authentication, permissions, custom code and critical features.
	133	+ <strong>Review the current situation</strong>
	134	+ Version, extensions, infrastructure, authentication, custom code and business-critical features.
252	252	</li>
253	253	<li>
254		- <strong>Define the safest next steps</strong>
255		- Scope, risks, dependencies, effort, rollback options and validation requirements.
	137	+ <strong>Define a safe path forward</strong>
	138	+ Clear scope, expected effort, risks, rollback options and recommended next steps.
256	256	</li>
257	257	<li>
258		- <strong>Implement, validate and document</strong>
259		- Controlled changes, testing, production validation and notes for future maintenance.
	141	+ <strong>Deliver and document the work</strong>
	142	+ Practical implementation, validation and documentation for future maintenance.
260	260	</li>
261	261	</ol>
262	262	</div>
...	...	@@ -263,11 +263,11 @@
263	263	</div>
264	264	</section>
265	265
266		- <section class="resource-strip homepage-resource-strip" aria-labelledby="resources-title">
	149	+ <section class="resource-strip" aria-labelledby="resources-title">
267	267	<div class="container">
268		- <h2 id="resources-title">XWiki resources for safer long-term maintenance</h2>
	151	+ <h2 id="resources-title">Useful XWiki resources</h2>
269	269	<p class="section-intro">
270		- Practical articles about XWiki upgrades, customization and production platform care.
	153	+ Practical guidance for organizations running XWiki in production.
271	271	</p>
272	272
273	273	<div class="resource-grid">
...	...	@@ -274,17 +274,17 @@
274	274	<article class="resource-card">
275	275	<h4>Why upgrade your XWiki instance?</h4>
276	276	<p>
277		- Learn why regular XWiki upgrades reduce security exposure, compatibility issues and long-term maintenance risk.
	160	+ A business-focused explanation of why regular LTS upgrades reduce security, compatibility and maintenance risk.
278	278	</p>
279		- <a href="$xwiki.getURL('resources.why-upgrade-xwiki')">Read the article</a>
	162	+ <a href="/resources/why-upgrade-xwiki">Read the resource</a>
280	280	</article>
281	281
282	282	<article class="resource-card">
283	283	<h4>XWiki upgrade services</h4>
284	284	<p>
285		- See how XWiki upgrades can be planned, tested and validated for production instances with customizations and integrations.
	168	+ How Agnease approaches safe XWiki upgrades for real production environments with customizations and integrations.
286	286	</p>
287		- <a href="$xwiki.getURL('services.xwiki-upgrades')">View upgrade services</a>
	170	+ <a href="/services/xwiki-upgrades">View the service</a>
288	288	</article>
289	289	</div>
290	290	</div>
...	...	@@ -293,10 +293,10 @@
293	293	<section class="cta-section" aria-labelledby="contact-title">
294	294	<div class="container">
295	295	<div class="cta-panel">
296		- <h2 id="contact-title">Need XWiki consulting or support?</h2>
	179	+ <h2 id="contact-title">Need help with XWiki?</h2>
297	297	<p>
298		- Send your current XWiki version, the issue you are facing, or the type of project you want to build.
299		- A short description is enough to define practical next steps.
	181	+ Send your current XWiki version, the problem you are facing, or the type of project you want to build.
	182	+ A short description is enough to start the conversation.
300	300	</p>
301	301	<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
302	302	</div>
...	...	@@ -348,4 +348,5 @@
348	348	</dl>
349	349	</div>
350	350	#end
	234	+#displayPublicContent
351	351	{{/velocity}}

Agnease.Code.SEODetailsClass[0]

metaDescription

...	...	@@ -1,1 +1,0 @@
1		-Agnease provides professional XWiki consulting, LTS upgrades, maintenance, custom development, migrations, integrations and security-aware support for production XWiki platforms.

metaTitle

...	...	@@ -1,1 +1,0 @@
1		-Professional XWiki Consulting, Upgrades and Development | Agnease

XWiki.StyleSheetExtension[0]

code

...	...	@@ -1,35 +1,14 @@
1		-/* ========== Agnease Public Website ========== */
2		-/*
	1	+/* ========== Agnease Landing (no Bootstrap grid) ========== */
3	3	@brand: #00937D;
4	4	@brand-strong: #007B6A;
5		-@brand-soft: #E7FFF8;
6		-@brand-bg: #F4FCFA;
7	7	@text: #2D3A34;
8	8	@muted: #5B6B64;
9	9	@line: #E4ECE9;
10	10	@radius: 16px;
11		-@shadow-sm: 0 6px 20px rgba(0, 0, 0, .06);
12		-@shadow: 0 12px 36px rgba(0, 0, 0, .08);
	8	+@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
	9	+@shadow: 0 12px 36px rgba(0,0,0,.08);
13	13	@maxw: 1140px;
14		-*/
15		-@brand: #00937D;
16		-@brand-strong: #007B6A;
17		-@brand-soft: #E7FFF8;
18		-@brand-bg: #F7F9FC;
19		-@text: #07182D;
20		-@text-soft: #10243D;
21		-@muted: #64748B;
22		-@line: #E6EBF2;
23		-@radius: 18px;
24		-@shadow-sm: 0 18px 45px rgba(15, 23, 42, .06);
25		-@shadow: 0 30px 80px rgba(15, 23, 42, .12);
26		-@maxw: 1140px;
27	27
28		-@section-padding: 30px 0;
29		-@section-padding-mobile: 28px 0;
30		-
31		-/* ========== Base ========== */
32		-
33	33	#mainContentArea {
34	34	padding: 0;
35	35	}
...	...	@@ -36,148 +36,27 @@
36	36
37	37	.container {
38	38	max-width: @maxw;
39		- margin-left: auto;
40		- margin-right: auto;
41		- padding-left: 18px;
42		- padding-right: 18px;
43	43	}
44	44
45		-html {
46		- scroll-behavior: smooth;
47		-}
48		-
49		-section {
50		- padding: @section-padding;
51		- border-top: 1px solid @line;
52		-
53		- &:first-of-type {
54		- border-top: none;
55		- }
56		-}
57		-
58		-section[id] {
59		- scroll-margin-top: 92px;
60		-}
61		-
62		-h1,
63		-h2,
64		-h3,
65		-h4 {
66		- color: @text;
67		-}
68		-
69		-h2 {
70		- text-align: center;
71		- margin-top: 0;
72		-}
73		-
74	74	.lead {
75	75	color: @muted;
76	76	text-align: center;
77	77	margin-bottom: 0;
78	78	}
79		-
80		-.section-intro {
81		- max-width: 760px;
82		- margin: 0 auto 22px;
	25	+h2 {
83	83	text-align: center;
84		- color: @muted;
85		- font-size: 16px;
86		- line-height: 1.55;
87	87	}
88	88
89		-a {
90		- color: @brand;
	29	+section {
	30	+ padding: 32px 0;
	31	+ border-top: 1px solid @line;
91	91
92		- &:hover,
93		- &:focus {
94		- color: @brand-strong;
	33	+ &:first-of-type {
	34	+ border-top: none;
95	95	}
96	96	}
97	97
98		-/* ========== Header / Navigation ========== */
99		-
100		-.site-header {
101		- position: sticky;
102		- top: 0;
103		- z-index: 1000;
104		- background: fade(#fff, 96%);
105		- border-bottom: 1px solid fade(@line, 85%);
106		- backdrop-filter: blur(8px);
107		-}
108		-
109		-.header-inner {
110		- min-height: 72px;
111		- display: flex;
112		- align-items: center;
113		- justify-content: space-between;
114		- gap: 24px;
115		-}
116		-
117		-.site-nav {
118		- display: flex;
119		- align-items: center;
120		- gap: 22px;
121		- font-size: 15px;
122		-
123		- a {
124		- color: @text;
125		- text-decoration: none;
126		- font-weight: 600;
127		-
128		- &:hover,
129		- &:focus {
130		- color: @brand;
131		- text-decoration: none;
132		- }
133		- }
134		-
135		- .nav-cta {
136		- color: #fff;
137		- background: @brand;
138		- border: 1px solid @brand;
139		- border-radius: 6px;
140		- padding: 8px 14px;
141		-
142		- &:hover,
143		- &:focus {
144		- color: #fff;
145		- background: @brand-strong;
146		- border-color: @brand-strong;
147		- }
148		- }
149		-}
150		-
151		-/* ========== Buttons ========== */
152		-
153		-/*.btn-primary {
154		- background: @brand;
155		- border-color: @brand;
156		- color: #fff;
157		-
158		- &:hover,
159		- &:focus {
160		- background: @brand-strong;
161		- border-color: @brand-strong;
162		- color: #fff;
163		- }
164		-}
165		-*/
166		-/*.btn-secondary {
167		- color: @brand;
168		- background: #fff;
169		- border: 1px solid fade(@brand, 35%);
170		-
171		- &:hover,
172		- &:focus {
173		- color: @brand-strong;
174		- border-color: @brand;
175		- background: @brand-bg;
176		- }
177		-}*/
178		-
179		-/* ========== Hero ========== */
180		-
	38	+/* ===== HERO ===== */
181	181	.hero {
182	182	overflow: hidden;
183	183	background-repeat: no-repeat;
...	...	@@ -185,14 +185,17 @@
185	185
186	186	&.hero-centered {
187	187	text-align: center;
	46	+ background:
	47	+ radial-gradient(50rem 18rem at 50% -10%, #E7FFF8 0%, transparent 60%),
	48	+ radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
188	188	display: flex;
189	189	align-items: center;
190	190	justify-content: center;
191		- min-height: 330px;
	52	+ min-height: 300px;
192	192	}
193	193
194	194	.hero-inner {
195		- max-width: 860px;
	56	+ max-width: 850px;
196	196	margin: 0 auto;
197	197	display: flex;
198	198	flex-direction: column;
...	...	@@ -199,20 +199,14 @@
199	199	align-items: center;
200	200	}
201	201
202		- h1 {
203		- max-width: 790px;
204		- margin-left: auto;
205		- margin-right: auto;
206		- line-height: 1.18;
	63	+ #hero-cta {
	64	+ display: flex;
	65	+ gap: 0.8rem;
	66	+ flex-wrap: wrap;
	67	+ justify-content: center;
	68	+ margin-top: 1.3rem;
207	207	}
208	208
209		- .lead {
210		- max-width: 820px;
211		- font-size: 19px;
212		- line-height: 1.55;
213		- margin-top: 12px;
214		- }
215		-
216	216	.benefits {
217	217	display: flex;
218	218	flex-wrap: wrap;
...	...	@@ -219,147 +219,61 @@
219	219	justify-content: center;
220	220	list-style: none;
221	221	padding: 0;
222		- margin: 14px 0 0;
	77	+ margin: 0.8rem 0 0;
223	223	color: @muted;
224	224	font-size: 14px;
225	225
226	226	li + li::before {
227	227	content: "•";
228		- margin: 0 6px;
	83	+ margin: 0 5px;
229	229	}
230		- }
231		-}
232	232
233		-.hero-kicker {
234		- display: inline-flex;
235		- align-items: center;
236		- gap: 8px;
237		- color: @brand;
238		- background: fade(@brand, 8%);
239		- border: 1px solid fade(@brand, 18%);
240		- border-radius: 999px;
241		- padding: 6px 12px;
242		- margin-bottom: 14px;
243		- font-size: 13px;
244		- font-weight: 700;
245		-}
246		-
247		-.hero-actions,
248		-#hero-cta {
249		- display: flex;
250		- gap: 12px;
251		- flex-wrap: wrap;
252		- justify-content: center;
253		- margin-top: 22px;
254		-}
255		-
256		-/* ========== Trust Strip ========== */
257		-
258		-.trust-strip {
259		- padding: 18px 0;
260		- border-top: 1px solid @line;
261		-
262		- ul {
263		- max-width: 960px;
264		- margin: 0 auto;
265		- padding: 0;
266		- list-style: none;
267		- display: flex;
268		- justify-content: center;
269		- gap: 22px;
270		- flex-wrap: wrap;
271		- color: @muted;
272		- font-size: 13px;
	86	+ @media (max-width: 640px) {
	87	+ li + li::before {
	88	+ content: none;
	89	+ }
	90	+ li:nth-child(1)::after,
	91	+ li:nth-child(3)::after {
	92	+ content: "•";
	93	+ margin: 0 5px;
	94	+ }
	95	+ }
273	273	}
274		-
275		- li {
276		- display: flex;
277		- align-items: center;
278		- gap: 7px;
279		- }
280		-
281		- i {
282		- color: @brand;
283		- }
284	284	}
285	285
286		-/* ========== Reusable Grids ========== */
287		-
288		-.card-grid,
289		-.pathways,
290		-.services-grid,
291		-.resource-grid,
	99	+/* ===== WHY CHOOSE (cards) ===== */
292	292	.widgets {
	101	+ margin-top: 12px;
293	293	display: grid;
294		- grid-gap: 18px;
295		- margin-left: auto;
296		- margin-right: auto;
	103	+ grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	104	+ grid-gap: 16px;
297	297	}
298	298
299		-.card-grid,
300		-.pathways,
301		-.services-grid {
302		- grid-template-columns: repeat(3, minmax(0, 1fr));
303		- max-width: 1040px;
304		- margin-top: 22px;
305		-}
306		-
307		-.resource-grid {
308		- grid-template-columns: repeat(2, minmax(0, 1fr));
309		- max-width: 1040px;
310		- margin-top: 22px;
311		-}
312		-
313		-.widgets {
314		- grid-template-columns: repeat(4, minmax(0, 1fr));
315		- max-width: 1040px;
316		- margin-top: 20px;
317		-}
318		-
319		-.card-grid > *,
320		-.pathways > *,
321		-.services-grid > *,
322		-.resource-grid > *,
323		-.widgets > * {
324		- min-width: 0;
325		-}
326		-
327		-/* ========== Shared Card Style ========== */
328		-
329		-.widget,
330		-.pathway-card,
331		-.service-card,
332		-.resource-card {
	107	+.widget {
	108	+ padding: 18px;
	109	+ background: #fff;
333	333	border: 1px solid @line;
334	334	border-radius: @radius;
335	335	box-shadow: @shadow-sm;
336		-}
337		-
338		-/* ========== Small Widgets ========== */
339		-
340		-.widget {
341		- padding: 18px;
	113	+ transition: transform .18s ease, box-shadow .18s ease;
342	342	display: flex;
343	343	flex-direction: column;
344	344	height: 100%;
345	345
	118	+ &:hover {
	119	+ transform: translateY(-2px);
	120	+ box-shadow: @shadow;
	121	+ }
	122	+
346	346	.icon {
347	347	display: flex;
348	348	align-items: center;
349	349	gap: 10px;
350		- padding-bottom: 8px;
351		- margin-bottom: 10px;
352		- border-bottom: 1px solid fade(@line, 70%);
353		-
354		- i {
355		- color: @brand;
356		- }
357		-
358		- h4 {
359		- margin: 0;
360		- line-height: 1.25;
361		- color: @text;
362		- }
	127	+ padding-bottom: 6px;
	128	+ margin-bottom: 8px;
	129	+ border-bottom: 1px solid fade(@line, 60%);
	130	+ i { color: @brand; }
	131	+ h4 { margin: 0; line-height: 1.2; color: @text; }
363	363	}
364	364
365	365	p {
...	...	@@ -369,169 +369,31 @@
369	369	}
370	370	}
371	371
372		-/* ========== Homepage Pathway Cards ========== */
373		-
374		-.pathway-card {
375		- padding: 24px;
376		- display: flex;
377		- flex-direction: column;
378		- min-height: 100%;
379		-
380		- .card-heading {
	141	+/* ===== SERVICES ===== */
	142	+.services {
	143	+ .services-grid {
	144	+ margin-top: 20px;
381	381	display: flex;
382		- align-items: center;
383		- gap: 14px;
384		- margin-bottom: 14px;
385		- }
	146	+ flex-wrap: wrap;
	147	+ gap: 24px;
386	386
387		- .pathway-icon {
388		- width: 52px;
389		- height: 52px;
390		- border-radius: 50%;
391		- display: flex;
392		- align-items: center;
	149	+ /* center the whole block under the heading */
	150	+ max-width: 960px;
	151	+ margin-left: auto;
	152	+ margin-right: auto;
393	393	justify-content: center;
394		- color: @brand;
395		- background: fade(@brand, 10%);
396		- font-size: 19px;
397		- flex-shrink: 0;
398	398	}
399	399
400		- h3 {
401		- margin: 0;
402		- color: @text;
403		- font-size: 22px;
404		- line-height: 1.25;
405		- }
406		-
407		- p {
408		- color: @muted;
409		- line-height: 1.55;
410		- margin: 0 0 16px;
411		- }
412		-
413		- ul {
414		- margin: 0 0 22px;
415		- padding-left: 18px;
416		- color: @muted;
417		- font-size: 14px;
418		- line-height: 1.55;
419		- }
420		-
421		- li {
422		- margin: 6px 0;
423		- }
424		-
425		- .card-link {
426		- margin-top: auto;
427		- padding-top: 4px;
428		-
429		- a {
430		- color: @brand;
431		- font-weight: 700;
432		- text-decoration: underline;
433		-
434		- &:hover,
435		- &:focus {
436		- color: @brand-strong;
437		- }
438		- }
439		- }
440		-}
441		-
442		-.industry-trust-section {
443		- background:
444		- radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
445		-
446		- .industry-trust-panel {
447		- max-width: 1040px;
448		- margin: 0 auto;
449		- padding: 30px 28px;
450		- border: 1px solid fade(@brand, 16%);
451		- border-radius: @radius;
452		- background:
453		- radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%);
454		- box-shadow: @shadow-sm;
455		- text-align: center;
456		- }
457		-
458		- h2 {
459		- margin-bottom: 12px;
460		- }
461		-
462		- .section-intro {
463		- margin-bottom: 20px;
464		- max-width: 820px;
465		- }
466		-
467		- .industry-tags {
468		- max-width: 880px;
469		- margin: 0 auto;
470		- display: flex;
471		- flex-wrap: wrap;
472		- justify-content: center;
473		- gap: 10px;
474		- }
475		-
476		- .industry-tags span {
477		- display: inline-flex;
478		- align-items: center;
479		- padding: 7px 12px;
480		- border: 1px solid fade(@brand, 20%);
481		- border-radius: 999px;
482		- background: #fff;
483		- color: @text;
484		- font-size: 13px;
485		- font-weight: 600;
486		- line-height: 1.2;
487		- box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
488		- }
489		-
490		- .industry-support {
491		- max-width: 820px;
492		- margin: 22px auto 0;
493		- color: @muted;
494		- font-size: 16px;
495		- line-height: 1.6;
496		- }
497		-}
498		-
499		-@media (max-width: 640px) {
500		- .industry-trust-section {
501		- .industry-trust-panel {
502		- padding: 24px 18px;
503		- }
504		-
505		- .industry-tags {
506		- gap: 8px;
507		- }
508		-
509		- .industry-tags span {
510		- font-size: 12px;
511		- padding: 6px 10px;
512		- }
513		- }
514		-}
515		-
516		-/* ========== Services ========== */
517		-
518		-.services {
519		- .services-grid {
520		- max-width: 1040px;
521		- }
522		-
523	523	.service {
	157	+ flex: 0 1 calc(50% - 12px);
524	524	display: flex;
525	525	align-items: flex-start;
526	526	gap: 16px;
527		- padding: 22px;
528		- border: 1px solid @line;
529		- border-radius: @radius;
530		- box-shadow: @shadow-sm;
	161	+ margin-bottom: 8px;
531	531
532	532	.service-icon {
533		- width: 46px;
534		- height: 46px;
	164	+ width: 42px;
	165	+ height: 42px;
535	535	border-radius: 50%;
536	536	display: flex;
537	537	align-items: center;
...	...	@@ -540,1383 +540,67 @@
540	540	color: @brand;
541	541	background: fade(@brand, 10%);
542	542	flex-shrink: 0;
543		- margin-top: 2px;
	174	+ margin-top: 3px;
544	544	}
545	545
546	546	.service-body {
547	547	h4 {
548		- margin: 0 0 6px;
549		- font-size: 18px;
550		- line-height: 1.25;
	179	+ margin: 0 0 4px;
	180	+ font-size: 1.125rem;
551	551	font-weight: 800;
552		- color: @text;
553	553	}
554		-
555	555	p {
556		- margin: 0 0 8px;
557		- color: @muted;
	184	+ margin: 0 0 6px;
	185	+ color: @text;
558	558	line-height: 1.5;
559	559	}
560		-
561	561	ul {
562		- margin: 9px 0 0;
563		- padding-left: 18px;
	189	+ margin: .45rem 0 0;
	190	+ padding-left: 1.1rem;
564	564	color: @muted;
565	565	font-size: 13px;
566		- line-height: 1.5;
567	567	}
568		-
569	569	li {
570		- margin: 4px 0;
	195	+ margin: .25rem 0;
	196	+ line-height: 1.45;
571	571	}
572	572	}
573	573	}
574		-}
575	575
576		-/* ========== Split / Process Section ========== */
	201	+ /* ==== Center last item on its own row while keeping 50% width ==== */
	202	+ .service-center {
	203	+ /* same width as siblings */
	204	+ flex: 0 1 calc(55% - 12px);
577	577
578		-.split-section {
579		- background:
580		- radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
581		-}
582		-
583		-.split-grid {
584		- display: grid;
585		- grid-template-columns: 1.1fr .9fr;
586		- grid-gap: 36px;
587		- max-width: 1040px;
588		- margin: 0 auto;
589		- align-items: center;
590		-}
591		-
592		-.split-copy {
593		- h2 {
594		- text-align: left;
595		- margin-top: 0;
	206	+ /* push to center */
	207	+ margin-left: auto;
	208	+ margin-right: auto;
596	596	}
597	597
598		- p {
599		- color: @muted;
600		- line-height: 1.6;
601		- }
602		-}
603		-
604		-.process-list {
605		- counter-reset: process;
606		- margin: 0;
607		- padding: 0;
608		- list-style: none;
609		-
610		- li {
611		- counter-increment: process;
612		- position: relative;
613		- padding: 16px 16px 16px 58px;
614		- margin-bottom: 12px;
615		- border: 1px solid @line;
616		- border-radius: @radius;
617		- box-shadow: @shadow-sm;
618		- color: @muted;
619		- line-height: 1.5;
620		-
621		- &:before {
622		- content: counter(process);
623		- position: absolute;
624		- left: 16px;
625		- top: 16px;
626		- width: 28px;
627		- height: 28px;
628		- border-radius: 50%;
629		- background: fade(@brand, 10%);
630		- color: @brand;
631		- display: flex;
632		- align-items: center;
633		- justify-content: center;
634		- font-weight: 800;
	211	+ /* Mobile: 1 per row */
	212	+ @media (max-width: 767px) {
	213	+ .services-grid {
	214	+ gap: 16px;
	215	+ max-width: 100%;
635	635	}
636	636
637		- strong {
638		- display: block;
639		- color: @text;
640		- margin-bottom: 3px;
	218	+ .service,
	219	+ .service-center {
	220	+ flex: 0 1 100%;
	221	+ margin-left: 0;
	222	+ margin-right: 0;
641	641	}
642	642	}
643	643	}
644	644
645		-/* ========== Resources ========== */
646		-
647		-.resource-strip {
648		- background: @brand-bg;
649		-}
650		-
651		-.resource-card {
652		- padding: 20px;
653		-
654		- h4 {
655		- margin: 0 0 8px;
656		- color: @text;
657		- font-size: 18px;
658		- line-height: 1.25;
659		- }
660		-
661		- p {
662		- color: @muted;
663		- margin: 0 0 12px;
664		- line-height: 1.5;
665		- }
666		-
667		- a {
668		- color: @brand;
669		- font-weight: 700;
670		- }
671		-}
672		-
673		-/* ========== Homepage Resource Strip ========== */
674		-
675		-.homepage-resource-strip {
676		- background:
677		- radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
678		-
679		- .resource-grid {
680		- max-width: 1040px;
681		- margin: 22px auto 0;
682		- display: grid;
683		- grid-template-columns: repeat(2, minmax(0, 1fr));
684		- grid-gap: 22px;
685		- align-items: stretch;
686		- }
687		-
688		- .resource-card {
689		- display: flex;
690		- flex-direction: column;
691		- min-width: 0;
692		- min-height: 100%;
693		- padding: 26px;
694		- }
695		-
696		- .resource-card h4 {
697		- margin: 0 0 10px;
698		- color: @text;
699		- font-size: 21px;
700		- line-height: 1.25;
701		- font-weight: 700;
702		- }
703		-
704		- .resource-card p {
705		- margin: 0 0 18px;
706		- color: @muted;
707		- font-size: 15px;
708		- line-height: 1.6;
709		- }
710		-
711		- .resource-card a {
712		- margin-top: auto;
713		- color: @brand;
714		- font-weight: 700;
715		- text-decoration: underline;
716		-
717		- &:hover,
718		- &:focus {
719		- color: @brand-strong;
720		- }
721		- }
722		-}
723		-
724		-@media (max-width: 980px) {
725		- .homepage-resource-strip {
726		- .resource-grid {
727		- grid-template-columns: 1fr;
728		- }
729		- }
730		-}
731		-
732		-@media (max-width: 640px) {
733		- .homepage-resource-strip {
734		- .resource-card {
735		- padding: 22px;
736		- }
737		-
738		- .resource-card h4 {
739		- font-size: 19px;
740		- }
741		- }
742		-}
743		-
744		-/* ========== CTA ========== */
745		-
	227	+/* ===== CTA ===== */
746	746	.cta-section {
747		- padding: @section-padding;
	229	+ padding: 24px 0 16px;
748	748
749	749	.contact-inline {
750	750	margin: 0;
751	751	color: @muted;
752		-
753		- a {
754		- color: @brand;
755		- }
	234	+ a { color: @brand; }
756	756	}
757	757	}
758	758
759		-.cta-panel {
760		- max-width: 860px;
761		- margin: 0 auto;
762		- padding: 32px;
763		- border-radius: @radius;
764		- border: 1px solid fade(@brand, 20%);
765		- box-shadow: @shadow-sm;
766		- text-align: center;
767		-
768		- h2 {
769		- margin-top: 0;
770		- }
771		-
772		- p {
773		- color: @muted;
774		- line-height: 1.55;
775		- }
776		-}
777		-
778		-.resource-inline-cta {
779		- display: flex;
780		- align-items: center;
781		- justify-content: space-between;
782		- gap: 22px;
783		- margin: 30px 0;
784		- padding: 20px 22px;
785		- border: 1px solid fade(@brand, 22%);
786		- border-radius: @radius;
787		- background: @brand-bg;
788		- box-shadow: @shadow-sm;
789		-
790		- p {
791		- margin: 0;
792		- color: @muted;
793		- line-height: 1.55;
794		- }
795		-
796		- strong {
797		- color: @text;
798		- }
799		-
800		- .btn {
801		- flex-shrink: 0;
802		- }
803		-}
804		-
805		-@media (max-width: 767px) {
806		- .resource-inline-cta {
807		- display: block;
808		- text-align: center;
809		-
810		- p {
811		- margin-bottom: 14px;
812		- }
813		-
814		- .btn {
815		- display: inline-block;
816		- margin-left: auto;
817		- margin-right: auto;
818		- }
819		- }
820		-}
821		-
822		-/* ========== Responsive ========== */
823		-
824		-@media (max-width: 980px) {
825		- .widgets,
826		- .pathways,
827		- .services-grid,
828		- .resource-grid {
829		- grid-template-columns: repeat(2, minmax(0, 1fr));
830		- }
831		-
832		- .split-grid {
833		- grid-template-columns: 1fr;
834		- }
835		-
836		- .split-copy h2 {
837		- text-align: center;
838		- }
839		-}
840		-
841		-@media (max-width: 760px) {
842		- section[id] {
843		- scroll-margin-top: 132px;
844		- }
845		-
846		- .header-inner {
847		- min-height: auto;
848		- padding-top: 14px;
849		- padding-bottom: 14px;
850		- flex-direction: column;
851		- align-items: center;
852		- gap: 12px;
853		- }
854		-
855		- .site-nav {
856		- width: 100%;
857		- justify-content: center;
858		- flex-wrap: wrap;
859		- gap: 10px 16px;
860		- font-size: 14px;
861		-
862		- .nav-cta {
863		- padding: 7px 12px;
864		- }
865		- }
866		-
867		- .hero.hero-centered {
868		- min-height: 280px;
869		- }
870		-
871		- .hero {
872		- .lead {
873		- font-size: 17px;
874		- }
875		-
876		- .benefits {
877		- gap: 4px 10px;
878		-
879		- li + li::before {
880		- content: none;
881		- }
882		- }
883		- }
884		-}
885		-
886		-@media (max-width: 640px) {
887		- section {
888		- padding: @section-padding-mobile;
889		- }
890		-
891		- .widgets,
892		- .pathways,
893		- .services-grid,
894		- .resource-grid {
895		- grid-template-columns: 1fr;
896		- }
897		-
898		- .pathway-card,
899		- .services .service,
900		- .resource-card,
901		- .widget {
902		- padding: 20px;
903		- }
904		-
905		- .services .service {
906		- gap: 14px;
907		- }
908		-
909		- .cta-panel {
910		- padding: 24px 20px;
911		- }
912		-}
913		-
914		-/* ========== Resource / Article Pages ========== */
915		-
916		-.resource-page {
917		- padding-top: 0;
918		-}
919		-
920		-.resource-header {
921		- padding: @section-padding;
922		- border-top: none;
923		-
924		- h1 {
925		- margin: 0 auto 14px;
926		- text-align: center;
927		- line-height: 1.18;
928		- }
929		-
930		- .resource-summary {
931		- max-width: 780px;
932		- margin: 0 auto;
933		- color: @muted;
934		- text-align: center;
935		- font-size: 18px;
936		- line-height: 1.55;
937		- }
938		-}
939		-
940		-.resource-layout {
941		- display: block;
942		- max-width: 1080px;
943		- margin: 0 auto;
944		- padding-top: 28px;
945		-}
946		-
947		-.resource-layout::after {
948		- content: "";
949		- display: block;
950		- clear: both;
951		-}
952		-
953		-.resource-content {
954		- color: @text;
955		- font-size: 16px;
956		- line-height: 1.68;
957		-
958		- h2 {
959		- text-align: left;
960		- margin: 34px 0 12px;
961		- line-height: 1.28;
962		- }
963		-
964		- h3 {
965		- margin: 24px 0 8px;
966		- line-height: 1.3;
967		- }
968		-
969		- p {
970		- margin: 0 0 16px;
971		- }
972		-
973		- ul,
974		- ol {
975		- margin: 0 0 18px;
976		- padding-left: 22px;
977		- }
978		-
979		- li {
980		- margin: 6px 0;
981		- }
982		-
983		- strong {
984		- color: @text;
985		- }
986		-}
987		-
988		-.resource-note {
989		- border-left: 4px solid @brand;
990		- background: @brand-bg;
991		- padding: 16px 18px;
992		- margin: 22px 0;
993		- border-radius: 0 @radius @radius 0;
994		-
995		- p:last-child {
996		- margin-bottom: 0;
997		- }
998		-}
999		-
1000		-.resource-note.related-resources {
1001		- p {
1002		- margin-bottom: 10px;
1003		- }
1004		-
1005		- ul {
1006		- margin: 0;
1007		- padding-left: 20px;
1008		- }
1009		-
1010		- li {
1011		- margin: 6px 0;
1012		- color: @muted;
1013		- }
1014		-}
1015		-
1016		-.resource-faq-item {
1017		- display: flow-root;
1018		- border-bottom: 1px solid @line;
1019		- padding: 12px 0;
1020		-
1021		- summary {
1022		- cursor: pointer;
1023		- font-weight: 700;
1024		- color: @text;
1025		- line-height: 1.4;
1026		- }
1027		-
1028		- summary:hover,
1029		- summary:focus {
1030		- color: @brand-strong;
1031		- }
1032		-
1033		- p {
1034		- margin: 10px 0 4px;
1035		- color: @muted;
1036		- }
1037		-}
1038		-
1039		-.resource-checklist {
1040		- margin: 18px 0 24px;
1041		- padding: 0;
1042		- list-style: none;
1043		-
1044		- li {
1045		- position: relative;
1046		- padding: 10px 0 10px 34px;
1047		- border-bottom: 1px solid @line;
1048		-
1049		- &:before {
1050		- content: "\f00c";
1051		- font-family: FontAwesome;
1052		- position: absolute;
1053		- left: 0;
1054		- top: 11px;
1055		- color: @brand;
1056		- }
1057		- }
1058		-}
1059		-
1060		-.resource-sidebar {
1061		- float: right;
1062		- width: 280px;
1063		- margin-left: 42px;
1064		- margin-bottom: 28px;
1065		- position: sticky;
1066		- top: 96px;
1067		- border: 1px solid @line;
1068		- border-radius: @radius;
1069		- padding: 18px;
1070		- box-shadow: @shadow-sm;
1071		-
1072		- h4 {
1073		- margin: 0 0 10px;
1074		- }
1075		-
1076		- ul {
1077		- margin: 0;
1078		- padding-left: 18px;
1079		- color: @muted;
1080		- }
1081		-
1082		- li {
1083		- margin: 8px 0;
1084		- }
1085		-
1086		- a {
1087		- color: @brand;
1088		- font-weight: 600;
1089		- }
1090		-}
1091		-
1092		-.resource-cta {
1093		- display: flex;
1094		- flex-direction: column;
1095		- align-items: center;
1096		- text-align: center;
1097		-
1098		- max-width: 820px;
1099		- margin: 42px auto 0;
1100		- padding: 28px 30px;
1101		- border: 1px solid fade(@brand, 20%);
1102		- border-radius: @radius;
1103		- background: @brand-bg;
1104		-
1105		- h3 {
1106		- margin-top: 0;
1107		- margin-bottom: 10px;
1108		- }
1109		-
1110		- p {
1111		- max-width: 680px;
1112		- margin-left: auto;
1113		- margin-right: auto;
1114		- color: @muted;
1115		- }
1116		-
1117		- .btn {
1118		- margin-top: 8px;
1119		- }
1120		-}
1121		-
1122		-.resource-note,
1123		-.resource-checklist,
1124		-.resource-cta {
1125		- display: flow-root;
1126		-}
1127		-
1128		-@media (max-width: 767px) {
1129		- .resource-cta {
1130		- padding: 24px 20px;
1131		- }
1132		-}
1133		-
1134		-@media (max-width: 900px) {
1135		- .resource-layout {
1136		- padding-top: 22px;
1137		- }
1138		-
1139		- .resource-sidebar {
1140		- float: none;
1141		- width: 100%;
1142		- margin-left: 0;
1143		- margin-bottom: 24px;
1144		- position: static;
1145		- }
1146		-}
1147		-
1148		-/* ========== Products / Extensions Pages ========== */
1149		-
1150		-.product-index-section {
1151		- padding: @section-padding;
1152		-
1153		- h2 {
1154		- margin-bottom: 10px;
1155		- }
1156		-}
1157		-
1158		-.product-card-grid {
1159		- max-width: 980px;
1160		- margin: 26px auto 0;
1161		- display: grid;
1162		- grid-template-columns: 1fr;
1163		- grid-gap: 22px;
1164		-}
1165		-
1166		-.product-card {
1167		- position: relative;
1168		- border: 1px solid @line;
1169		- border-radius: @radius;
1170		- box-shadow: @shadow-sm;
1171		- padding: 32px;
1172		- display: grid;
1173		- grid-template-columns: 70px 1fr;
1174		- grid-gap: 24px;
1175		- align-items: start;
1176		- overflow: hidden;
1177		-
1178		- &:before {
1179		- content: "";
1180		- position: absolute;
1181		- inset: 0 auto 0 0;
1182		- width: 5px;
1183		- background: linear-gradient(180deg, @brand 0%, @brand-strong 100%);
1184		- }
1185		-
1186		- .product-card-icon {
1187		- width: 58px;
1188		- height: 58px;
1189		- border-radius: 50%;
1190		- background: fade(@brand, 10%);
1191		- border: 1px solid fade(@brand, 22%);
1192		- color: @brand;
1193		- display: flex;
1194		- align-items: center;
1195		- justify-content: center;
1196		- font-size: 22px;
1197		- flex-shrink: 0;
1198		- }
1199		-
1200		- .product-card-body {
1201		- min-width: 0;
1202		- }
1203		-
1204		- h3 {
1205		- margin: 0 0 10px;
1206		- color: @text;
1207		- font-size: 25px;
1208		- line-height: 1.22;
1209		- font-weight: 800;
1210		- }
1211		-
1212		- p {
1213		- color: @muted;
1214		- line-height: 1.6;
1215		- }
1216		-
1217		- .product-card-description {
1218		- max-width: 760px;
1219		- margin: 0 0 14px;
1220		- font-size: 16px;
1221		- }
1222		-}
1223		-
1224		-.product-card-kicker {
1225		- display: inline-flex;
1226		- align-items: center;
1227		- gap: 7px;
1228		- width: fit-content;
1229		- margin-bottom: 10px;
1230		- padding: 5px 10px;
1231		- border: 1px solid fade(@brand, 24%);
1232		- border-radius: 999px;
1233		- background: fade(@brand, 8%);
1234		- color: @brand-strong;
1235		- font-size: 12px;
1236		- font-weight: 800;
1237		- text-transform: uppercase;
1238		- letter-spacing: .04em;
1239		-
1240		- i {
1241		- color: @brand;
1242		- }
1243		-}
1244		-
1245		-.product-highlights {
1246		- margin: 14px 0 22px;
1247		- padding-left: 18px;
1248		- color: @muted;
1249		-
1250		- li {
1251		- margin: 6px 0;
1252		- line-height: 1.45;
1253		- }
1254		-}
1255		-
1256		-.product-card-actions {
1257		- display: flex;
1258		- align-items: center;
1259		- gap: 16px;
1260		- flex-wrap: wrap;
1261		-
1262		- .btn {
1263		- font-weight: 700;
1264		- }
1265		-}
1266		-
1267		-.product-card-contact {
1268		- color: @brand;
1269		- font-weight: 700;
1270		- text-decoration: underline;
1271		-
1272		- &:hover,
1273		- &:focus {
1274		- color: @brand-strong;
1275		- }
1276		-}
1277		-
1278		-@media (max-width: 640px) {
1279		- .product-card {
1280		- grid-template-columns: 1fr;
1281		- padding: 26px 22px;
1282		- text-align: left;
1283		-
1284		- &:before {
1285		- width: 4px;
1286		- }
1287		-
1288		- .product-card-icon {
1289		- margin-bottom: 2px;
1290		- }
1291		-
1292		- h3 {
1293		- font-size: 22px;
1294		- }
1295		- }
1296		-
1297		- .product-card-actions {
1298		- gap: 12px;
1299		- }
1300		-}
1301		-
1302		-/* ========== Individual Product Pages ========== */
1303		-
1304		-.product-layout {
1305		- display: grid;
1306		- grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr);
1307		- grid-gap: 32px;
1308		- max-width: 1040px;
1309		- margin: 0 auto;
1310		- align-items: start;
1311		-}
1312		-
1313		-.product-summary-card,
1314		-.product-info-card,
1315		-.product-feature,
1316		-.product-gallery-panel {
1317		- border: 1px solid @line;
1318		- border-radius: @radius;
1319		- box-shadow: @shadow-sm;
1320		-}
1321		-
1322		-.product-summary-card {
1323		- padding: 28px;
1324		-
1325		- h2 {
1326		- text-align: left;
1327		- margin-top: 0;
1328		- margin-bottom: 14px;
1329		- line-height: 1.25;
1330		- }
1331		-
1332		- p {
1333		- color: @muted;
1334		- line-height: 1.62;
1335		- }
1336		-
1337		- p:last-child {
1338		- margin-bottom: 0;
1339		- }
1340		-}
1341		-
1342		-.product-info-card {
1343		- padding: 24px;
1344		-
1345		- h3 {
1346		- margin-top: 0;
1347		- margin-bottom: 12px;
1348		- line-height: 1.3;
1349		- }
1350		-
1351		- p {
1352		- color: @muted;
1353		- line-height: 1.55;
1354		- }
1355		-
1356		- ul {
1357		- margin: 0;
1358		- padding-left: 20px;
1359		- color: @muted;
1360		- }
1361		-
1362		- li {
1363		- margin: 8px 0;
1364		- line-height: 1.3;
1365		- }
1366		-}
1367		-
1368		-.product-card-note {
1369		- margin: 0 0 14px;
1370		- color: @muted;
1371		- line-height: 1.55;
1372		-}
1373		-
1374		-.product-feature-grid {
1375		- display: grid;
1376		- grid-template-columns: repeat(3, minmax(0, 1fr));
1377		- grid-gap: 20px;
1378		- max-width: 1040px;
1379		- margin: 24px auto 0;
1380		-}
1381		-
1382		-.product-feature {
1383		- padding: 24px;
1384		- min-width: 0;
1385		- min-height: 100%;
1386		-
1387		- .card-heading,
1388		- .feature-heading {
1389		- display: flex;
1390		- align-items: center;
1391		- gap: 14px;
1392		- margin-bottom: 14px;
1393		- }
1394		-
1395		- .feature-icon {
1396		- width: 46px;
1397		- height: 46px;
1398		- border-radius: 50%;
1399		- background: fade(@brand, 10%);
1400		- color: @brand;
1401		- display: flex;
1402		- align-items: center;
1403		- justify-content: center;
1404		- font-size: 18px;
1405		- flex-shrink: 0;
1406		- }
1407		-
1408		- h3 {
1409		- margin: 0;
1410		- color: @text;
1411		- font-size: 18px;
1412		- line-height: 1.25;
1413		- }
1414		-
1415		- p {
1416		- margin: 0;
1417		- color: @muted;
1418		- line-height: 1.52;
1419		- }
1420		-}
1421		-
1422		-.product-gallery-caption {
1423		- max-width: 820px;
1424		- margin: 12px auto 0;
1425		- color: @muted;
1426		- font-size: 14px;
1427		- line-height: 1.5;
1428		- text-align: center;
1429		-}
1430		-
1431		-/* Keep the default XWiki gallery style.
1432		- Only add spacing before it and center it. */
1433		-.gallery.xGallery {
1434		- margin: 25px auto;
1435		- width: 920px;
1436		- height: 518px;
1437		-}
1438		-
1439		-.product-section-muted {
1440		- background:
1441		- radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
1442		-}
1443		-
1444		-/* Compact process list when used inside a product card. */
1445		-.product-summary-card .process-list {
1446		- margin-top: 16px;
1447		-
1448		- li {
1449		- padding: 13px 14px 13px 50px;
1450		- margin-bottom: 10px;
1451		- box-shadow: none;
1452		- }
1453		-
1454		- li:before {
1455		- left: 14px;
1456		- top: 14px;
1457		- width: 24px;
1458		- height: 24px;
1459		- font-size: 12px;
1460		- }
1461		-
1462		- strong {
1463		- margin-bottom: 2px;
1464		- }
1465		-}
1466		-
1467		-/* Kept for older product pages that still use a screenshot placeholder/panel. */
1468		-.product-gallery-panel {
1469		- max-width: 1040px;
1470		- margin: 20px auto 0;
1471		- padding: 26px;
1472		-
1473		- h2 {
1474		- margin-top: 0;
1475		- text-align: center;
1476		- }
1477		-
1478		- .gallery-note {
1479		- max-width: 700px;
1480		- margin: 0 auto 18px;
1481		- color: @muted;
1482		- text-align: center;
1483		- line-height: 1.55;
1484		- }
1485		-}
1486		-
1487		-.product-gallery-placeholder {
1488		- min-height: 260px;
1489		- padding: 28px;
1490		- border: 1px dashed fade(@brand, 40%);
1491		- border-radius: @radius;
1492		- background: fade(@brand, 5%);
1493		- color: @muted;
1494		- text-align: center;
1495		- display: flex;
1496		- align-items: center;
1497		- justify-content: center;
1498		-}
1499		-
1500		-@media (max-width: 980px) {
1501		- .product-layout,
1502		- .product-feature-grid {
1503		- grid-template-columns: 1fr;
1504		- }
1505		-
1506		- .product-summary-card h2 {
1507		- text-align: center;
1508		- }
1509		-}
1510		-
1511		-@media (max-width: 640px) {
1512		- .product-card {
1513		- grid-template-columns: 1fr;
1514		- padding: 22px;
1515		- text-align: left;
1516		-
1517		- .product-card-icon {
1518		- margin-bottom: 2px;
1519		- }
1520		- }
1521		-
1522		- .product-summary-card,
1523		- .product-info-card,
1524		- .product-feature,
1525		- .product-gallery-panel {
1526		- padding: 20px;
1527		- }
1528		-
1529		- .product-feature {
1530		- .card-heading,
1531		- .feature-heading {
1532		- gap: 12px;
1533		- }
1534		-
1535		- .feature-icon {
1536		- width: 42px;
1537		- height: 42px;
1538		- font-size: 16px;
1539		- }
1540		- }
1541		-
1542		- .gallery.xGallery {
1543		- margin-top: 22px !important;
1544		- }
1545		-
1546		- .product-gallery-caption {
1547		- margin-top: 10px;
1548		- padding: 0 14px;
1549		- }
1550		-
1551		- .product-summary-card .process-list li {
1552		- padding-left: 46px;
1553		- }
1554		-}
1555		-
1556		-/* ========== Resources Index ========== */
1557		-
1558		-.resources-index-page {
1559		-
1560		- .services-grid {
1561		- grid-template-columns: repeat(2, minmax(0, 1fr));
1562		- }
1563		-}
1564		-
1565		-@media (max-width: 980px) {
1566		- .resources-index-page {
1567		- .services-grid {
1568		- grid-template-columns: 1fr;
1569		- }
1570		- }
1571		-}
1572		-
1573		-@media (max-width: 767px) {
1574		- .resources-index-page {
1575		- padding: @section-padding-mobile;
1576		- }
1577		-}
1578		-
1579		-.resource-faq-item {
1580		- border-bottom: 1px solid @line;
1581		- padding: 12px 0;
1582		-
1583		- summary {
1584		- cursor: pointer;
1585		- font-weight: 700;
1586		- color: @text;
1587		- }
1588		-
1589		- p {
1590		- margin: 10px 0 4px;
1591		- color: @muted;
1592		- }
1593		-}
1594		-
1595		-/* ========== Global Theme Background ========== */
1596		-
1597		-html,
1598		-body {
1599		- min-height: 100%;
1600		-}
1601		-
1602		-body {
1603		- color: @text;
1604		- background:
1605		- radial-gradient(circle at 12% 8%, rgba(0, 147, 125, 0.08) 0, transparent 26%),
1606		- radial-gradient(circle at 90% 28%, rgba(7, 24, 45, 0.05) 0, transparent 30%),
1607		- linear-gradient(180deg, #fff 0, @brand-bg 42%, #fff 100%) !important;
1608		- background-attachment: fixed;
1609		-}
1610		-
1611		-/* Let the body background show through the XWiki wrappers.
1612		-#mainContentArea,
1613		-.resource-page,
1614		-.resources-index-page {
1615		- background: transparent !important;
1616		- background-image: none !important;
1617		-}
1618		-*/
1619		-/* Remove local decorative backgrounds that compete with the global gradient.
1620		-.hero,
1621		-.hero.hero-centered,
1622		-.trust-strip,
1623		-.industry-trust-section,
1624		-.split-section,
1625		-.resource-strip,
1626		-.homepage-resource-strip,
1627		-.resource-header,
1628		-.product-section-muted,
1629		-.resources-index-page {
1630		- background: transparent !important;
1631		- background-image: none !important;
1632		-}
1633		- */
1634		-/* Keep large panels readable, but remove their inner gradients.
1635		-.industry-trust-section .industry-trust-panel,
1636		-.cta-panel,
1637		-.resource-inline-cta,
1638		-.resource-note,
1639		-.resource-cta {
1640		- background: #fff !important;
1641		- background-image: none !important;
1642		-} */
1643		-
1644		-
1645		-/* ========== Hero ========== */
1646		-#mainContentArea .hero.hero-saas {
1647		- min-height: auto;
1648		- padding: 60px 0 34px;
1649		- display: flex;
1650		- align-items: center;
1651		- overflow: hidden;
1652		- background: transparent;
1653		-}
1654		-#mainContentArea .hero-layout {
1655		- max-width: 1120px;
1656		- margin: 0 auto;
1657		- display: grid;
1658		- grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
1659		- gap: 56px;
1660		- align-items: center;
1661		-}
1662		-#mainContentArea .hero-copy,
1663		-#mainContentArea .hero.hero-saas .lead {
1664		- text-align: left;
1665		-}
1666		-#mainContentArea .hero.hero-saas h1 {
1667		- max-width: 640px;
1668		- margin: 0 0 26px;
1669		- font-size: 60px;
1670		- font-weight: 800;
1671		- line-height: 1;
1672		- letter-spacing: -3px;
1673		-}
1674		-#mainContentArea .hero.hero-saas h1 span {
1675		- color: @brand;
1676		-}
1677		-#mainContentArea .hero.hero-saas .lead {
1678		- max-width: 590px;
1679		- margin: 0 0 28px;
1680		- color: #334155;
1681		- font-size: 18px;
1682		- line-height: 1.6;
1683		-}
1684		-#mainContentArea .hero.hero-saas .benefits {
1685		- max-width: 620px;
1686		- margin: 0 0 30px;
1687		- padding: 0;
1688		- display: grid;
1689		- grid-template-columns: repeat(2, minmax(0, 1fr));
1690		- gap: 10px 24px;
1691		- list-style: none;
1692		- color: #475569;
1693		- font-size: 15px;
1694		- text-align: left;
1695		-}
1696		-#mainContentArea .hero.hero-saas .benefits li {
1697		- display: grid;
1698		- grid-template-columns: 18px minmax(0, 1fr);
1699		- column-gap: 8px;
1700		- align-items: start;
1701		- margin: 0;
1702		- line-height: 1.45;
1703		-}
1704		-#mainContentArea .hero.hero-saas .benefits li::before {
1705		- content: "✓";
1706		- display: block;
1707		- width: 18px;
1708		- color: @brand;
1709		- font-weight: 900;
1710		- line-height: 1.45;
1711		- text-align: left;
1712		- margin: 0;
1713		-}
1714		-#mainContentArea .hero-actions,
1715		-#mainContentArea #hero-cta {
1716		- display: flex;
1717		- flex-wrap: wrap;
1718		- justify-content: flex-start;
1719		- gap: 12px;
1720		-}
1721		-#mainContentArea .hero-visual {
1722		- position: relative;
1723		- min-height: 540px;
1724		-}
1725		-#mainContentArea .hero-browser,
1726		-#mainContentArea .hero-floating {
1727		- border: 1px solid @line;
1728		- background: fade(#fff, 94%);
1729		- box-shadow: @shadow;
1730		- backdrop-filter: blur(14px);
1731		-}
1732		-#mainContentArea .hero-browser {
1733		- position: absolute;
1734		- top: 8px;
1735		- right: 0;
1736		- width: 100%;
1737		- max-width: 720px;
1738		- overflow: hidden;
1739		- border-radius: 18px;
1740		- background: fade(#fff, 88%);
1741		-}
1742		-#mainContentArea .hero-browser-top {
1743		- height: 58px;
1744		- display: flex;
1745		- align-items: center;
1746		- gap: 10px;
1747		- padding: 0 24px;
1748		- border-bottom: 1px solid @line;
1749		- background: fade(#fff, 74%);
1750		-}
1751		-#mainContentArea .hero-dot,
1752		-#mainContentArea .hero-status-dot {
1753		- border-radius: 50%;
1754		-}
1755		-#mainContentArea .hero-dot {
1756		- width: 10px;
1757		- height: 10px;
1758		- background: #CBD5E1;
1759		-}
1760		-#mainContentArea .hero-status-dot {
1761		- width: 8px;
1762		- height: 8px;
1763		- background: @brand;
1764		-}
1765		-#mainContentArea .hero-search {
1766		- margin-left: auto;
1767		- width: 170px;
1768		- height: 26px;
1769		- border: 1px solid #E2E8F0;
1770		- border-radius: 20px;
1771		- background: #F1F5F9;
1772		-}
1773		-#mainContentArea .hero-browser-body {
1774		- display: grid;
1775		- grid-template-columns: 150px minmax(0, 1fr);
1776		-}
1777		-#mainContentArea .hero-sidebar {
1778		- padding: 24px 18px;
1779		- border-right: 1px solid @line;
1780		- background: #F8FAFC;
1781		-}
1782		-#mainContentArea .hero-nav-item,
1783		-#mainContentArea .hero-status-row,
1784		-#mainContentArea .hero-version-flow,
1785		-#mainContentArea .hero-flow {
1786		- display: flex;
1787		- align-items: center;
1788		-}
1789		-#mainContentArea .hero-nav-item {
1790		- gap: 9px;
1791		- padding: 10px 8px;
1792		- color: #334155;
1793		- font-size: 13px;
1794		-}
1795		-#mainContentArea .hero-nav-icon {
1796		- width: 20px;
1797		- height: 20px;
1798		- border: 1px solid #CBD5E1;
1799		- border-radius: 5px;
1800		-}
1801		-#mainContentArea .hero-content-panel {
1802		- padding: 26px;
1803		-}
1804		-#mainContentArea .hero-panel-title,
1805		-#mainContentArea .hero-card-title {
1806		- color: @text;
1807		- font-weight: 800;
1808		-}
1809		-#mainContentArea .hero-panel-title {
1810		- margin-bottom: 18px;
1811		- font-size: 20px;
1812		-}
1813		-#mainContentArea .hero-skeleton {
1814		- height: 8px;
1815		- margin-bottom: 10px;
1816		- border-radius: 10px;
1817		- background: #E2E8F0;
1818		-}
1819		-#mainContentArea .hero-skeleton.short {
1820		- width: 64%;
1821		-}
1822		-#mainContentArea .hero-dashboard-grid {
1823		- margin-top: 28px;
1824		- display: grid;
1825		- grid-template-columns: repeat(2, minmax(0, 1fr));
1826		- gap: 18px;
1827		-}
1828		-#mainContentArea .hero-mini-card {
1829		- padding: 18px;
1830		- border: 1px solid @line;
1831		- border-radius: 14px;
1832		- background: #fff;
1833		-}
1834		-#mainContentArea .hero-mini-card h4 {
1835		- margin: 0 0 14px;
1836		- font-size: 15px;
1837		-}
1838		-#mainContentArea .hero-status-row {
1839		- gap: 10px;
1840		- margin: 11px 0;
1841		- color: #475569;
1842		- font-size: 13px;
1843		-}
1844		-#mainContentArea .hero-floating {
1845		- position: absolute;
1846		- border-radius: 16px;
1847		-}
1848		-#mainContentArea .hero-upgrade-card {
1849		- left: 0;
1850		- bottom: 72px;
1851		- width: 320px;
1852		- padding: 20px;
1853		-}
1854		-#mainContentArea .hero-security-card {
1855		- right: 20px;
1856		- top: 260px;
1857		- width: 260px;
1858		- padding: 22px;
1859		-}
1860		-#mainContentArea .hero-security-card ul {
1861		- margin: 0;
1862		- padding: 0;
1863		- list-style: none;
1864		-}
1865		-#mainContentArea .hero-security-card li {
1866		- margin: 12px 0;
1867		- font-size: 14px;
1868		-}
1869		-#mainContentArea .hero-security-card li::before {
1870		- content: "✓";
1871		- margin-right: 8px;
1872		- color: @brand;
1873		- font-weight: 900;
1874		-}
1875		-#mainContentArea .hero-card-title {
1876		- margin-bottom: 16px;
1877		-}
1878		-#mainContentArea .hero-version-flow {
1879		- gap: 8px;
1880		-}
1881		-#mainContentArea .hero-version {
1882		- width: 62px;
1883		- height: 54px;
1884		- padding: 0 8px;
1885		- display: grid;
1886		- place-items: center;
1887		- box-sizing: border-box;
1888		- border-radius: 8px;
1889		- background: #F1F5F9;
1890		- color: #334155;
1891		- text-align: center;
1892		- font-size: 13px;
1893		- line-height: 1.25;
1894		-}
1895		-#mainContentArea .hero-version.active {
1896		- width: 84px;
1897		- background: @text;
1898		- color: #fff;
1899		-}
1900		-#mainContentArea .hero-arrow {
1901		- color: #64748B;
1902		-}
1903		-#mainContentArea .hero-flow {
1904		- position: absolute;
1905		- right: 48px;
1906		- bottom: 18px;
1907		- gap: 12px;
1908		-}
1909		-#mainContentArea .hero-env {
1910		- min-width: 130px;
1911		- padding: 16px 20px;
1912		- border: 1px solid @line;
1913		- border-radius: 12px;
1914		- background: #fff;
1915		- color: #475569;
1916		- text-align: center;
1917		- text-transform: uppercase;
1918		- font-size: 12px;
1919		- letter-spacing: 1.3px;
1920		- box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
1921		-}
1922		-

XWiki.StyleSheetExtension[1]

cache

...	...	@@ -1,1 +1,0 @@
1		-long

code

...	...	@@ -1,158 +1,0 @@
1		-/* ========== Agnease Public Top Menu ========== */
2		-/* Top-level menu items */
3		-
4		-#menuview .agnease-menu-item,
5		-#menuview .agnease-menu-link {
6		- > a,
7		- > .dropdown-toggle {
8		- color: @brand;
9		- font-size: 17px;
10		- font-weight: 600;
11		- padding-left: 16px;
12		- padding-right: 16px;
13		- text-decoration: none;
14		- background: transparent;
15		- }
16		-
17		- > a:hover,
18		- > a:focus,
19		- > a:active,
20		- &.open > a,
21		- &.active > a {
22		- color: @brand-strong;
23		- text-decoration: none;
24		- outline: none;
25		- background: transparent;
26		- }
27		-
28		- .caret {
29		- margin-left: 5px;
30		- border-top-color: @brand;
31		- border-bottom-color: @brand;
32		- }
33		-
34		- > a:hover .caret,
35		- > a:focus .caret,
36		- > a:active .caret,
37		- &.open > a .caret,
38		- &.active > a .caret {
39		- border-top-color: @brand-strong;
40		- border-bottom-color: @brand-strong;
41		- }
42		-}
43		-
44		-/* Dropdown panel */
45		-
46		-#menuview .agnease-dropdown {
47		- min-width: 310px;
48		- padding: 10px 8px;
49		- border: 1px solid fade(@brand, 18%);
50		- border-radius: 12px;
51		- background: #fff;
52		- box-shadow: 0 12px 32px fade(@brand-strong, 12%);
53		-
54		- > li > a {
55		- display: flex;
56		- align-items: center;
57		- gap: 12px;
58		- padding: 11px 14px;
59		- color: @brand;
60		- white-space: nowrap;
61		- font-size: 16px;
62		- font-weight: 600;
63		- line-height: 1.3;
64		- text-decoration: none;
65		- background: transparent;
66		-
67		- i {
68		- width: 20px;
69		- flex: 0 0 20px;
70		- color: @brand;
71		- text-align: center;
72		- font-size: 15px;
73		- }
74		-
75		- &:hover,
76		- &:focus,
77		- &:active {
78		- color: @brand-strong;
79		- text-decoration: none;
80		- outline: none;
81		- background: transparent;
82		-
83		- i {
84		- color: @brand-strong;
85		- }
86		- }
87		- }
88		-
89		- > .active > a {
90		- color: @brand-strong;
91		- background: transparent;
92		-
93		- i {
94		- color: @brand-strong;
95		- }
96		- }
97		-
98		- .divider {
99		- margin: 8px 0;
100		- background-color: fade(@brand, 16%);
101		- }
102		-}
103		-
104		-/* Mobile */
105		-
106		-@media (max-width: 767px) {
107		- #menuview {
108		- margin-left: 0;
109		- width: 100%;
110		- }
111		-
112		- #menuview .navbar-nav {
113		- float: none;
114		- margin: 0;
115		- width: 100%;
116		- text-align: center;
117		- }
118		-
119		- #menuview .navbar-nav > li {
120		- float: none;
121		- display: inline-block;
122		- }
123		-
124		- #menuview .navbar-nav > li.agnease-menu-item > a,
125		- #menuview .navbar-nav > li.agnease-menu-link > a,
126		- #menuview .navbar-nav > li.agnease-menu-item > .dropdown-toggle,
127		- #menuview .navbar-nav > li.agnease-menu-link > .dropdown-toggle {
128		- font-size: 16px;
129		- padding: 10px 10px;
130		- text-align: center;
131		- }
132		-
133		- #menuview .agnease-dropdown {
134		- min-width: 0;
135		- width: 100%;
136		- padding: 4px 8px 8px 18px;
137		- border: 0;
138		- border-radius: 0;
139		- box-shadow: none;
140		- background: transparent;
141		- text-align: left;
142		-
143		- > li > a {
144		- padding: 8px 10px;
145		- white-space: normal;
146		- font-size: 15px;
147		-
148		- i {
149		- width: 18px;
150		- flex-basis: 18px;
151		- }
152		- }
153		-
154		- .divider {
155		- margin: 5px 0;
156		- }
157		- }
158		-}

contentType

...	...	@@ -1,1 +1,0 @@
1		-LESS

name

...	...	@@ -1,1 +1,0 @@
1		-Menu

use

...	...	@@ -1,1 +1,0 @@
1		-onDemand

XWiki.XWikiRights[0]

allow

...	...	@@ -1,0 +1,1 @@
	1	+Allow

groups

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.XWikiAllGroup

levels

...	...	@@ -1,0 +1,1 @@
	1	+view

users

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.XWikiGuest