Changes for page Public Web Site

Summary

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

Details

Page properties

Content

...	...	@@ -5,7 +5,7 @@
5	5
6	6	<section class="hero hero-centered" aria-labelledby="hero-title">
7	7	<div class="container hero-inner">
8		- <h1 id="hero-title">Independent XWiki consulting and engineering</h1>
	8	+ <h1 id="hero-title">Professional XWiki consulting and engineering</h1>
9	9
10	10	<p class="lead">
11	11	Agnease helps organizations upgrade, maintain, secure and extend production XWiki platforms with practical
...	...	@@ -20,7 +20,8 @@
20	20	</ul>
21	21
22	22	<div class="hero-actions">
23		- <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
	23	+ <a class="btn btn-primary" href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06">Book a free discussion</a>
	24	+ ##<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
24	24	<a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
25	25	</div>
26	26	</div>
...	...	@@ -42,16 +42,18 @@
42	42	<h2 id="platform-title">XWiki support for production knowledge platforms</h2>
43	43	<p class="section-intro">
44	44	XWiki often grows from a documentation space into a business-critical knowledge platform.
45		- When it supports intranets, procedures, workflows, audits or integrations, upgrades, security,
46		- permissions and maintainability need structured technical care.
	46	+ When it supports intranets, procedures, workflows, audits or integrations, it needs structured technical care
	47	+ for upgrades, security, permissions and maintainability.
47	47	</p>
48	48
49	49	<div class="pathways">
50	50	<article class="pathway-card">
51		- <div class="pathway-icon">
52		- <i class="fa fa-refresh" aria-hidden="true"></i>
	52	+ <div class="card-heading">
	53	+ <div class="pathway-icon">
	54	+ <i class="fa fa-refresh" aria-hidden="true"></i>
	55	+ </div>
	56	+ <h3>Upgrade XWiki safely</h3>
53	53	</div>
54		- <h3>Upgrade XWiki safely</h3>
55	55	<p>
56	56	Plan and execute XWiki LTS upgrades with compatibility checks, staging validation and rollback planning.
57	57	</p>
...	...	@@ -66,10 +66,12 @@
66	66	</article>
67	67
68	68	<article class="pathway-card">
69		- <div class="pathway-icon">
70		- <i class="fa fa-life-ring" aria-hidden="true"></i>
	72	+ <div class="card-heading">
	73	+ <div class="pathway-icon">
	74	+ <i class="fa fa-life-ring" aria-hidden="true"></i>
	75	+ </div>
	76	+ <h3>Maintain XWiki reliably</h3>
71	71	</div>
72		- <h3>Maintain XWiki reliably</h3>
73	73	<p>
74	74	Keep production XWiki instances stable with troubleshooting, maintenance planning, recovery support and security-aware care.
75	75	</p>
...	...	@@ -84,17 +84,19 @@
84	84	</article>
85	85
86	86	<article class="pathway-card">
87		- <div class="pathway-icon">
88		- <i class="fa fa-cogs" aria-hidden="true"></i>
	92	+ <div class="card-heading">
	93	+ <div class="pathway-icon">
	94	+ <i class="fa fa-cogs" aria-hidden="true"></i>
	95	+ </div>
	96	+ <h3>Extend XWiki for your processes</h3>
89	89	</div>
90		- <h3>Adapt XWiki to your business</h3>
91	91	<p>
92		- Build workflows, custom applications, dashboards, integrations and automation around your processes.
	99	+ Build custom XWiki applications, workflows, dashboards and integrations around real business needs.
93	93	</p>
94	94	<ul>
95	95	<li>Custom XWiki applications</li>
96	96	<li>Workflows and approvals</li>
97		- <li>SSO, LDAP, APIs and integrations</li>
	104	+ <li>APIs, SSO, LDAP and integrations</li>
98	98	</ul>
99	99	<p class="card-link">
100	100	<a href="$xwiki.getURL('services.xwiki-development-integrations')">View development services</a>
...	...	@@ -104,33 +104,64 @@
104	104	</div>
105	105	</section>
106	106
	114	+ <section class="industry-trust-section" aria-labelledby="industry-trust-title">
	115	+ <div class="container">
	116	+ <div class="industry-trust-panel">
	117	+ <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
	118	+
	119	+ <p class="section-intro">
	120	+ Experience supporting XWiki platforms used in healthcare, financial services, scientific research,
	121	+ government institutions, transportation, software development, compliance programs and regulated environments.
	122	+ </p>
	123	+
	124	+ <div class="industry-tags" aria-label="Industries and environments supported">
	125	+ <span>Healthcare</span>
	126	+ <span>Financial services</span>
	127	+ <span>Scientific research</span>
	128	+ <span>Government institutions</span>
	129	+ <span>Transportation</span>
	130	+ <span>Software development</span>
	131	+ <span>Compliance programs</span>
	132	+ <span>Regulated environments</span>
	133	+ </div>
	134	+
	135	+ <p class="industry-support">
	136	+ Organizations rely on these platforms to manage documentation, workflows, compliance processes,
	137	+ research knowledge and critical business information. From upgrades and authentication integrations
	138	+ to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
	139	+ </p>
	140	+ </div>
	141	+ </div>
	142	+ </section>
	143	+
107	107	<section class="split-section" aria-labelledby="why-title">
108	108	<div class="container">
109	109	<div class="split-grid">
110	110	<div class="split-copy">
111		- <h2 id="why-title">Why choose Agnease</h2>
	148	+ <h2 id="why-title">Why work with an XWiki specialist</h2>
112	112	<p>
113		- Agnease brings more than 11 years of hands-on XWiki expertise to organizations that need reliable
114		- knowledge platforms, secure upgrades, custom applications, integrations, migrations and long-term support.
	150	+ XWiki projects often involve more than pages. Production platforms may include custom code,
	151	+ extensions, authentication, permissions, workflows, integrations, compliance documentation
	152	+ and business-critical knowledge.
115	115	</p>
116	116	<p>
117		- The approach is practical and engineering-focused: understand the current system, reduce risk,
118		- document the work and leave your XWiki easier to maintain.
	155	+ Agnease brings 11+ years of hands-on XWiki experience to help reduce risk, support long-term reliability
	156	+ and leave the platform easier to maintain after the work is complete.
119	119	</p>
120	120	</div>
121	121
122	122	<ol class="process-list">
123	123	<li>
124		- <strong>Review the current situation</strong>
125		- Version, extensions, infrastructure, authentication, custom code and business-critical features.
	162	+ <strong>Review the XWiki environment</strong>
	163	+ Version, extensions, infrastructure, authentication, permissions, custom code and critical features.
126	126	</li>
127	127	<li>
128		- <strong>Define a safe path forward</strong>
129		- Clear scope, expected effort, risks, rollback options and recommended next steps.
	166	+ <strong>Define the safest next steps</strong>
	167	+ Scope, risks, dependencies, effort, rollback options and validation requirements.
130	130	</li>
131	131	<li>
132		- <strong>Deliver and document the work</strong>
133		- Practical implementation, validation and documentation for future maintenance.
	170	+ <strong>Implement, validate and document</strong>
	171	+ Controlled changes, testing, production validation and notes for future maintenance.
134	134	</li>
135	135	</ol>
136	136	</div>
...	...	@@ -139,9 +139,9 @@
139	139
140	140	<section class="resource-strip homepage-resource-strip" aria-labelledby="resources-title">
141	141	<div class="container">
142		- <h2 id="resources-title">Useful XWiki resources</h2>
	180	+ <h2 id="resources-title">XWiki resources for safer long-term maintenance</h2>
143	143	<p class="section-intro">
144		- Practical guidance for organizations running XWiki in production.
	182	+ Practical articles about XWiki upgrades, customization and production platform care.
145	145	</p>
146	146
147	147	<div class="resource-grid">
...	...	@@ -148,17 +148,17 @@
148	148	<article class="resource-card">
149	149	<h4>Why upgrade your XWiki instance?</h4>
150	150	<p>
151		- A business-focused explanation of why regular LTS upgrades reduce security, compatibility and maintenance risk.
	189	+ Learn why regular XWiki upgrades reduce security exposure, compatibility issues and long-term maintenance risk.
152	152	</p>
153		- <a href="$xwiki.getURL('resources.why-upgrade-xwiki')">Read the resource</a>
	191	+ <a href="$xwiki.getURL('resources.why-upgrade-xwiki')">Read the article</a>
154	154	</article>
155	155
156	156	<article class="resource-card">
157	157	<h4>XWiki upgrade services</h4>
158	158	<p>
159		- How Agnease approaches safe XWiki upgrades for real production environments with customizations and integrations.
	197	+ See how XWiki upgrades can be planned, tested and validated for production instances with customizations and integrations.
160	160	</p>
161		- <a href="$xwiki.getURL('services.xwiki-upgrades')">View the service</a>
	199	+ <a href="$xwiki.getURL('services.xwiki-upgrades')">View upgrade services</a>
162	162	</article>
163	163	</div>
164	164	</div>
...	...	@@ -167,10 +167,10 @@
167	167	<section class="cta-section" aria-labelledby="contact-title">
168	168	<div class="container">
169	169	<div class="cta-panel">
170		- <h2 id="contact-title">Need help with XWiki?</h2>
	208	+ <h2 id="contact-title">Need XWiki consulting or support?</h2>
171	171	<p>
172		- Send your current XWiki version, the problem you are facing, or the type of project you want to build.
173		- A short description is enough to start the conversation.
	210	+ Send your current XWiki version, the issue you are facing, or the type of project you want to build.
	211	+ A short description is enough to define practical next steps.
174	174	</p>
175	175	<a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
176	176	</div>

XWiki.StyleSheetExtension[0]

code

...	...	@@ -369,6 +369,13 @@
369	369	flex-direction: column;
370	370	min-height: 100%;
371	371
	372	+ .card-heading {
	373	+ display: flex;
	374	+ align-items: center;
	375	+ gap: 14px;
	376	+ margin-bottom: 14px;
	377	+ }
	378	+
372	372	.pathway-icon {
373	373	width: 52px;
374	374	height: 52px;
...	...	@@ -378,12 +378,12 @@
378	378	justify-content: center;
379	379	color: @brand;
380	380	background: fade(@brand, 10%);
381		- margin-bottom: 18px;
382	382	font-size: 19px;
	389	+ flex-shrink: 0;
383	383	}
384	384
385	385	h3 {
386		- margin: 0 0 10px;
	393	+ margin: 0;
387	387	color: @text;
388	388	font-size: 22px;
389	389	line-height: 1.25;
...	...	@@ -424,6 +424,80 @@
424	424	}
425	425	}
426	426
	434	+.industry-trust-section {
	435	+ background:
	436	+ radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
	437	+
	438	+ .industry-trust-panel {
	439	+ max-width: 1040px;
	440	+ margin: 0 auto;
	441	+ padding: 30px 28px;
	442	+ border: 1px solid fade(@brand, 16%);
	443	+ border-radius: @radius;
	444	+ background:
	445	+ radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%);
	446	+ box-shadow: @shadow-sm;
	447	+ text-align: center;
	448	+ }
	449	+
	450	+ h2 {
	451	+ margin-bottom: 12px;
	452	+ }
	453	+
	454	+ .section-intro {
	455	+ margin-bottom: 20px;
	456	+ max-width: 820px;
	457	+ }
	458	+
	459	+ .industry-tags {
	460	+ max-width: 880px;
	461	+ margin: 0 auto;
	462	+ display: flex;
	463	+ flex-wrap: wrap;
	464	+ justify-content: center;
	465	+ gap: 10px;
	466	+ }
	467	+
	468	+ .industry-tags span {
	469	+ display: inline-flex;
	470	+ align-items: center;
	471	+ padding: 7px 12px;
	472	+ border: 1px solid fade(@brand, 20%);
	473	+ border-radius: 999px;
	474	+ background: #fff;
	475	+ color: @text;
	476	+ font-size: 13px;
	477	+ font-weight: 600;
	478	+ line-height: 1.2;
	479	+ box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
	480	+ }
	481	+
	482	+ .industry-support {
	483	+ max-width: 820px;
	484	+ margin: 22px auto 0;
	485	+ color: @muted;
	486	+ font-size: 16px;
	487	+ line-height: 1.6;
	488	+ }
	489	+}
	490	+
	491	+@media (max-width: 640px) {
	492	+ .industry-trust-section {
	493	+ .industry-trust-panel {
	494	+ padding: 24px 18px;
	495	+ }
	496	+
	497	+ .industry-tags {
	498	+ gap: 8px;
	499	+ }
	500	+
	501	+ .industry-tags span {
	502	+ font-size: 12px;
	503	+ padding: 6px 10px;
	504	+ }
	505	+ }
	506	+}
	507	+
427	427	/* ========== Services ========== */
428	428
429	429	.services {
...	...	@@ -583,31 +583,1488 @@
583	583	}
584	584	}
585	585
	667	+/* ========== Homepage Resource Strip ========== */
	668	+
	669	+.homepage-resource-strip {
	670	+ background:
	671	+ radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
	672	+
	673	+ .resource-grid {
	674	+ max-width: 1040px;
	675	+ margin: 22px auto 0;
	676	+ display: grid;
	677	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	678	+ grid-gap: 22px;
	679	+ align-items: stretch;
	680	+ }
	681	+
	682	+ .resource-card {
	683	+ display: flex;
	684	+ flex-direction: column;
	685	+ min-width: 0;
	686	+ min-height: 100%;
	687	+ padding: 26px;
	688	+ }
	689	+
	690	+ .resource-card h4 {
	691	+ margin: 0 0 10px;
	692	+ color: @text;
	693	+ font-size: 21px;
	694	+ line-height: 1.25;
	695	+ font-weight: 700;
	696	+ }
	697	+
	698	+ .resource-card p {
	699	+ margin: 0 0 18px;
	700	+ color: @muted;
	701	+ font-size: 15px;
	702	+ line-height: 1.6;
	703	+ }
	704	+
	705	+ .resource-card a {
	706	+ margin-top: auto;
	707	+ color: @brand;
	708	+ font-weight: 700;
	709	+ text-decoration: underline;
	710	+
	711	+ &:hover,
	712	+ &:focus {
	713	+ color: @brand-strong;
	714	+ }
	715	+ }
	716	+}
	717	+
	718	+@media (max-width: 980px) {
	719	+ .homepage-resource-strip {
	720	+ .resource-grid {
	721	+ grid-template-columns: 1fr;
	722	+ }
	723	+ }
	724	+}
	725	+
	726	+@media (max-width: 640px) {
	727	+ .homepage-resource-strip {
	728	+ .resource-card {
	729	+ padding: 22px;
	730	+ }
	731	+
	732	+ .resource-card h4 {
	733	+ font-size: 19px;
	734	+ }
	735	+ }
	736	+}
	737	+
	738	+/* ========== CTA ========== */
	739	+
	740	+.cta-section {
	741	+ padding: @section-padding;
	742	+
	743	+ .contact-inline {
	744	+ margin: 0;
	745	+ color: @muted;
	746	+
	747	+ a {
	748	+ color: @brand;
	749	+ }
	750	+ }
	751	+}
	752	+
	753	+.cta-panel {
	754	+ max-width: 860px;
	755	+ margin: 0 auto;
	756	+ padding: 32px;
	757	+ border-radius: @radius;
	758	+ border: 1px solid fade(@brand, 20%);
	759	+ background:
	760	+ radial-gradient(34rem 12rem at 50% 0%, @brand-soft 0%, #fff 70%);
	761	+ box-shadow: @shadow-sm;
	762	+ text-align: center;
	763	+
	764	+ h2 {
	765	+ margin-top: 0;
	766	+ }
	767	+
	768	+ p {
	769	+ color: @muted;
	770	+ line-height: 1.55;
	771	+ }
	772	+}
	773	+
	774	+.resource-inline-cta {
	775	+ display: flex;
	776	+ align-items: center;
	777	+ justify-content: space-between;
	778	+ gap: 22px;
	779	+ margin: 30px 0;
	780	+ padding: 20px 22px;
	781	+ border: 1px solid fade(@brand, 22%);
	782	+ border-radius: @radius;
	783	+ background: @brand-bg;
	784	+ box-shadow: @shadow-sm;
	785	+
	786	+ p {
	787	+ margin: 0;
	788	+ color: @muted;
	789	+ line-height: 1.55;
	790	+ }
	791	+
	792	+ strong {
	793	+ color: @text;
	794	+ }
	795	+
	796	+ .btn {
	797	+ flex-shrink: 0;
	798	+ }
	799	+}
	800	+
	801	+@media (max-width: 767px) {
	802	+ .resource-inline-cta {
	803	+ display: block;
	804	+ text-align: center;
	805	+
	806	+ p {
	807	+ margin-bottom: 14px;
	808	+ }
	809	+
	810	+ .btn {
	811	+ display: inline-block;
	812	+ margin-left: auto;
	813	+ margin-right: auto;
	814	+ }
	815	+ }
	816	+}
	817	+
	818	+/* ========== Responsive ========== */
	819	+
	820	+@media (max-width: 980px) {
	821	+ .widgets,
	822	+ .pathways,
	823	+ .services-grid,
	824	+ .resource-grid {
	825	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	826	+ }
	827	+
	828	+ .split-grid {
	829	+ grid-template-columns: 1fr;
	830	+ }
	831	+
	832	+ .split-copy h2 {
	833	+ text-align: center;
	834	+ }
	835	+}
	836	+
	837	+@media (max-width: 760px) {
	838	+ section[id] {
	839	+ scroll-margin-top: 132px;
	840	+ }
	841	+
	842	+ .header-inner {
	843	+ min-height: auto;
	844	+ padding-top: 14px;
	845	+ padding-bottom: 14px;
	846	+ flex-direction: column;
	847	+ align-items: center;
	848	+ gap: 12px;
	849	+ }
	850	+
	851	+ .site-nav {
	852	+ width: 100%;
	853	+ justify-content: center;
	854	+ flex-wrap: wrap;
	855	+ gap: 10px 16px;
	856	+ font-size: 14px;
	857	+
	858	+ .nav-cta {
	859	+ padding: 7px 12px;
	860	+ }
	861	+ }
	862	+
	863	+ .hero.hero-centered {
	864	+ min-height: 280px;
	865	+ }
	866	+
	867	+ .hero {
	868	+ .lead {
	869	+ font-size: 17px;
	870	+ }
	871	+
	872	+ .benefits {
	873	+ gap: 4px 10px;
	874	+
	875	+ li + li::before {
	876	+ content: none;
	877	+ }
	878	+ }
	879	+ }
	880	+}
	881	+
	882	+@media (max-width: 640px) {
	883	+ section {
	884	+ padding: @section-padding-mobile;
	885	+ }
	886	+
	887	+ .widgets,
	888	+ .pathways,
	889	+ .services-grid,
	890	+ .resource-grid {
	891	+ grid-template-columns: 1fr;
	892	+ }
	893	+
	894	+ .pathway-card,
	895	+ .services .service,
	896	+ .resource-card,
	897	+ .widget {
	898	+ padding: 20px;
	899	+ }
	900	+
	901	+ .services .service {
	902	+ gap: 14px;
	903	+ }
	904	+
	905	+ .cta-panel {
	906	+ padding: 24px 20px;
	907	+ }
	908	+}
	909	+
	910	+/* ========== Resource / Article Pages ========== */
	911	+
	912	+.resource-page {
	913	+ padding-top: 0;
	914	+}
	915	+
	916	+.resource-header {
	917	+ padding: @section-padding;
	918	+ border-top: none;
	919	+ background:
	920	+ radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%),
	921	+ radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
	922	+
	923	+ h1 {
	924	+ margin: 0 auto 14px;
	925	+ text-align: center;
	926	+ line-height: 1.18;
	927	+ }
	928	+
	929	+ .resource-summary {
	930	+ max-width: 780px;
	931	+ margin: 0 auto;
	932	+ color: @muted;
	933	+ text-align: center;
	934	+ font-size: 18px;
	935	+ line-height: 1.55;
	936	+ }
	937	+}
	938	+
	939	+.resource-layout {
	940	+ display: block;
	941	+ max-width: 1080px;
	942	+ margin: 0 auto;
	943	+ padding-top: 28px;
	944	+}
	945	+
	946	+.resource-layout::after {
	947	+ content: "";
	948	+ display: block;
	949	+ clear: both;
	950	+}
	951	+
586	586	.resource-content {
587		- order: 1;
	953	+ color: @text;
	954	+ font-size: 16px;
	955	+ line-height: 1.68;
	956	+
	957	+ h2 {
	958	+ text-align: left;
	959	+ margin: 34px 0 12px;
	960	+ line-height: 1.28;
	961	+ }
	962	+
	963	+ h3 {
	964	+ margin: 24px 0 8px;
	965	+ line-height: 1.3;
	966	+ }
	967	+
	968	+ p {
	969	+ margin: 0 0 16px;
	970	+ }
	971	+
	972	+ ul,
	973	+ ol {
	974	+ margin: 0 0 18px;
	975	+ padding-left: 22px;
	976	+ }
	977	+
	978	+ li {
	979	+ margin: 6px 0;
	980	+ }
	981	+
	982	+ strong {
	983	+ color: @text;
	984	+ }
588	588	}
589	589
	987	+.resource-note {
	988	+ border-left: 4px solid @brand;
	989	+ background: @brand-bg;
	990	+ padding: 16px 18px;
	991	+ margin: 22px 0;
	992	+ border-radius: 0 @radius @radius 0;
	993	+
	994	+ p:last-child {
	995	+ margin-bottom: 0;
	996	+ }
	997	+}
	998	+
	999	+.resource-note.related-resources {
	1000	+ p {
	1001	+ margin-bottom: 10px;
	1002	+ }
	1003	+
	1004	+ ul {
	1005	+ margin: 0;
	1006	+ padding-left: 20px;
	1007	+ }
	1008	+
	1009	+ li {
	1010	+ margin: 6px 0;
	1011	+ color: @muted;
	1012	+ }
	1013	+}
	1014	+
	1015	+.resource-faq-item {
	1016	+ display: flow-root;
	1017	+ border-bottom: 1px solid @line;
	1018	+ padding: 12px 0;
	1019	+
	1020	+ summary {
	1021	+ cursor: pointer;
	1022	+ font-weight: 700;
	1023	+ color: @text;
	1024	+ line-height: 1.4;
	1025	+ }
	1026	+
	1027	+ summary:hover,
	1028	+ summary:focus {
	1029	+ color: @brand-strong;
	1030	+ }
	1031	+
	1032	+ p {
	1033	+ margin: 10px 0 4px;
	1034	+ color: @muted;
	1035	+ }
	1036	+}
	1037	+
	1038	+.resource-checklist {
	1039	+ margin: 18px 0 24px;
	1040	+ padding: 0;
	1041	+ list-style: none;
	1042	+
	1043	+ li {
	1044	+ position: relative;
	1045	+ padding: 10px 0 10px 34px;
	1046	+ border-bottom: 1px solid @line;
	1047	+
	1048	+ &:before {
	1049	+ content: "\f00c";
	1050	+ font-family: FontAwesome;
	1051	+ position: absolute;
	1052	+ left: 0;
	1053	+ top: 11px;
	1054	+ color: @brand;
	1055	+ }
	1056	+ }
	1057	+}
	1058	+
590	590	.resource-sidebar {
591		- order: 2;
	1060	+ float: right;
	1061	+ width: 280px;
	1062	+ margin-left: 42px;
	1063	+ margin-bottom: 28px;
	1064	+ position: sticky;
	1065	+ top: 96px;
	1066	+ border: 1px solid @line;
	1067	+ border-radius: @radius;
	1068	+ padding: 18px;
	1069	+ background: #fff;
	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	+ }
592	592	}
593	593
	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	+
594	594	@media (max-width: 767px) {
	1129	+ .resource-cta {
	1130	+ padding: 24px 20px;
	1131	+ }
	1132	+}
	1133	+
	1134	+@media (max-width: 900px) {
595	595	.resource-layout {
596		- display: flex;
597		- flex-direction: column;
	1136	+ padding-top: 22px;
598	598	}
599	599
600	600	.resource-sidebar {
601		- order: 0;
602		- position: static;
	1140	+ float: none;
603	603	width: 100%;
	1142	+ margin-left: 0;
	1143	+ margin-bottom: 24px;
	1144	+ position: static;
604	604	}
	1146	+}
605	605
606		- .resource-content {
607		- order: 1;
	1148	+/* ========== Products / Extensions Pages ========== */
	1149	+
	1150	+.product-index-section {
	1151	+ padding: @section-padding;
	1152	+
	1153	+ h2 {
	1154	+ margin-bottom: 10px;
608	608	}
609	609	}
610	610
	1158	+.product-card-grid {
	1159	+ max-width: 840px;
	1160	+ margin: 22px auto 0;
	1161	+ display: grid;
	1162	+ grid-template-columns: 1fr;
	1163	+ grid-gap: 18px;
	1164	+}
	1165	+
	1166	+.product-card {
	1167	+ background: #fff;
	1168	+ border: 1px solid @line;
	1169	+ border-radius: @radius;
	1170	+ box-shadow: @shadow-sm;
	1171	+ padding: 28px;
	1172	+ display: grid;
	1173	+ grid-template-columns: 68px 1fr;
	1174	+ grid-gap: 22px;
	1175	+ align-items: start;
	1176	+
	1177	+ .product-card-icon {
	1178	+ width: 58px;
	1179	+ height: 58px;
	1180	+ border-radius: 50%;
	1181	+ background: fade(@brand, 10%);
	1182	+ border: 1px solid fade(@brand, 20%);
	1183	+ color: @brand;
	1184	+ display: flex;
	1185	+ align-items: center;
	1186	+ justify-content: center;
	1187	+ font-size: 22px;
	1188	+ flex-shrink: 0;
	1189	+ }
	1190	+
	1191	+ h3 {
	1192	+ margin: 0 0 10px;
	1193	+ color: @text;
	1194	+ font-size: 23px;
	1195	+ line-height: 1.25;
	1196	+ font-weight: 800;
	1197	+ }
	1198	+
	1199	+ p {
	1200	+ color: @muted;
	1201	+ line-height: 1.6;
	1202	+ }
	1203	+
	1204	+ .card-link {
	1205	+ margin: 0;
	1206	+
	1207	+ a {
	1208	+ font-weight: 700;
	1209	+ }
	1210	+ }
	1211	+}
	1212	+
	1213	+.product-card-kicker {
	1214	+ margin-bottom: 10px;
	1215	+ padding: 5px 10px;
	1216	+ font-size: 12px;
	1217	+ text-transform: uppercase;
	1218	+ letter-spacing: .04em;
	1219	+}
	1220	+
	1221	+.product-highlights {
	1222	+ margin: 14px 0 20px;
	1223	+ padding-left: 18px;
	1224	+ color: @muted;
	1225	+
	1226	+ li {
	1227	+ margin: 6px 0;
	1228	+ line-height: 1.45;
	1229	+ }
	1230	+}
	1231	+
	1232	+/* ========== Individual Product Pages ========== */
	1233	+
	1234	+.product-layout {
	1235	+ display: grid;
	1236	+ grid-template-columns: 1.1fr .9fr;
	1237	+ grid-gap: 36px;
	1238	+ max-width: 1040px;
	1239	+ margin: 0 auto;
	1240	+ align-items: start;
	1241	+}
	1242	+
	1243	+.product-summary-card,
	1244	+.product-info-card,
	1245	+.product-feature,
	1246	+.product-gallery-panel {
	1247	+ background: #fff;
	1248	+ border: 1px solid @line;
	1249	+ border-radius: @radius;
	1250	+ box-shadow: @shadow-sm;
	1251	+}
	1252	+
	1253	+.product-summary-card {
	1254	+ padding: 26px;
	1255	+
	1256	+ h2 {
	1257	+ text-align: left;
	1258	+ margin-top: 0;
	1259	+ }
	1260	+
	1261	+ p {
	1262	+ color: @muted;
	1263	+ line-height: 1.6;
	1264	+ }
	1265	+
	1266	+ p:last-child {
	1267	+ margin-bottom: 0;
	1268	+ }
	1269	+}
	1270	+
	1271	+.product-info-card {
	1272	+ padding: 22px;
	1273	+
	1274	+ h3 {
	1275	+ margin-top: 0;
	1276	+ margin-bottom: 12px;
	1277	+ }
	1278	+
	1279	+ ul {
	1280	+ margin: 0;
	1281	+ padding-left: 20px;
	1282	+ color: @muted;
	1283	+ }
	1284	+
	1285	+ li {
	1286	+ margin: 8px 0;
	1287	+ line-height: 1.45;
	1288	+ }
	1289	+}
	1290	+
	1291	+.product-feature-grid {
	1292	+ display: grid;
	1293	+ grid-template-columns: repeat(3, minmax(0, 1fr));
	1294	+ grid-gap: 18px;
	1295	+ max-width: 1040px;
	1296	+ margin: 22px auto 0;
	1297	+}
	1298	+
	1299	+.product-feature {
	1300	+ padding: 22px;
	1301	+
	1302	+ .card-heading {
	1303	+ display: flex;
	1304	+ align-items: center;
	1305	+ gap: 14px;
	1306	+ margin-bottom: 14px;
	1307	+ }
	1308	+
	1309	+ .feature-icon {
	1310	+ width: 46px;
	1311	+ height: 46px;
	1312	+ border-radius: 50%;
	1313	+ background: fade(@brand, 10%);
	1314	+ color: @brand;
	1315	+ display: flex;
	1316	+ align-items: center;
	1317	+ justify-content: center;
	1318	+ font-size: 18px;
	1319	+ flex-shrink: 0;
	1320	+ }
	1321	+
	1322	+ h3 {
	1323	+ margin: 0;
	1324	+ color: @text;
	1325	+ font-size: 18px;
	1326	+ line-height: 1.25;
	1327	+ }
	1328	+
	1329	+ p {
	1330	+ margin: 0;
	1331	+ color: @muted;
	1332	+ line-height: 1.5;
	1333	+ }
	1334	+}
	1335	+
	1336	+.product-gallery-caption {
	1337	+ max-width: 860px;
	1338	+ margin: 28px auto 12px;
	1339	+ color: @muted;
	1340	+ font-size: 14px;
	1341	+ line-height: 1.5;
	1342	+ text-align: center;
	1343	+}
	1344	+
	1345	+.gallery.xGallery {
	1346	+ width: 100%;
	1347	+ max-width: 860px;
	1348	+ margin: 0 auto 46px !important;
	1349	+ border: 1px solid @line;
	1350	+ border-radius: @radius;
	1351	+ background: #fff;
	1352	+ box-shadow: @shadow-sm;
	1353	+ overflow: hidden;
	1354	+ clear: both;
	1355	+}
	1356	+
	1357	+.gallery.xGallery.loading {
	1358	+ min-height: 260px;
	1359	+}
	1360	+
	1361	+.gallery.xGallery img {
	1362	+ border-radius: 12px;
	1363	+}
	1364	+
	1365	+.gallery.xGallery .galleria-container,
	1366	+.gallery.xGallery .galleria-stage {
	1367	+ border-radius: @radius;
	1368	+ overflow: hidden;
	1369	+}
	1370	+
	1371	+.product-section-muted {
	1372	+ background:
	1373	+ radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
	1374	+}
	1375	+
	1376	+.product-gallery-panel {
	1377	+ max-width: 1040px;
	1378	+ margin: 20px auto 0;
	1379	+ padding: 26px;
	1380	+
	1381	+ h2 {
	1382	+ margin-top: 0;
	1383	+ text-align: center;
	1384	+ }
	1385	+
	1386	+ .gallery-note {
	1387	+ max-width: 700px;
	1388	+ margin: 0 auto 18px;
	1389	+ color: @muted;
	1390	+ text-align: center;
	1391	+ line-height: 1.55;
	1392	+ }
	1393	+}
	1394	+
	1395	+.product-gallery-placeholder {
	1396	+ min-height: 260px;
	1397	+ padding: 28px;
	1398	+ border: 1px dashed fade(@brand, 40%);
	1399	+ border-radius: @radius;
	1400	+ background: fade(@brand, 5%);
	1401	+ color: @muted;
	1402	+ text-align: center;
	1403	+ display: flex;
	1404	+ align-items: center;
	1405	+ justify-content: center;
	1406	+}
	1407	+
	1408	+@media (max-width: 980px) {
	1409	+ .product-layout,
	1410	+ .product-feature-grid {
	1411	+ grid-template-columns: 1fr;
	1412	+ }
	1413	+
	1414	+ .product-summary-card h2 {
	1415	+ text-align: center;
	1416	+ }
	1417	+}
	1418	+
	1419	+@media (max-width: 640px) {
	1420	+ .product-card {
	1421	+ grid-template-columns: 1fr;
	1422	+ padding: 22px;
	1423	+ text-align: left;
	1424	+
	1425	+ .product-card-icon {
	1426	+ margin-bottom: 2px;
	1427	+ }
	1428	+ }
	1429	+
	1430	+ .product-summary-card,
	1431	+ .product-info-card,
	1432	+ .product-feature,
	1433	+ .product-gallery-panel {
	1434	+ padding: 20px;
	1435	+ }
	1436	+
	1437	+ .product-gallery-caption {
	1438	+ margin-top: 22px;
	1439	+ padding: 0 14px;
	1440	+ }
	1441	+
	1442	+ .gallery.xGallery {
	1443	+ max-width: calc(100% - 28px);
	1444	+ margin-bottom: 34px !important;
	1445	+ border-radius: 12px;
	1446	+ }
	1447	+
	1448	+ .gallery.xGallery.loading {
	1449	+ min-height: 180px;
	1450	+ }
	1451	+}
	1452	+
	1453	+/* ========== Resources Index ========== */
	1454	+
	1455	+.resources-index-page {
	1456	+ background: #fff;
	1457	+
	1458	+ .services-grid {
	1459	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	1460	+ }
	1461	+}
	1462	+
	1463	+@media (max-width: 980px) {
	1464	+ .resources-index-page {
	1465	+ .services-grid {
	1466	+ grid-template-columns: 1fr;
	1467	+ }
	1468	+ }
	1469	+}
	1470	+
	1471	+@media (max-width: 767px) {
	1472	+ .resources-index-page {
	1473	+ padding: @section-padding-mobile;
	1474	+ }
	1475	+}
	1476	+
	1477	+.resource-faq-item {
	1478	+ border-bottom: 1px solid @line;
	1479	+ padding: 12px 0;
	1480	+
	1481	+ summary {
	1482	+ cursor: pointer;
	1483	+ font-weight: 700;/* ========== Agnease Public Website ========== */
	1484	+
	1485	+@brand: #00937D;
	1486	+@brand-strong: #007B6A;
	1487	+@brand-soft: #E7FFF8;
	1488	+@brand-bg: #F4FCFA;
	1489	+@text: #2D3A34;
	1490	+@muted: #5B6B64;
	1491	+@line: #E4ECE9;
	1492	+@radius: 16px;
	1493	+@shadow-sm: 0 6px 20px rgba(0, 0, 0, .06);
	1494	+@shadow: 0 12px 36px rgba(0, 0, 0, .08);
	1495	+@maxw: 1140px;
	1496	+
	1497	+@section-padding: 30px 0;
	1498	+@section-padding-mobile: 28px 0;
	1499	+
	1500	+/* ========== Base ========== */
	1501	+
	1502	+#mainContentArea {
	1503	+ padding: 0;
	1504	+}
	1505	+
	1506	+.container {
	1507	+ max-width: @maxw;
	1508	+ margin-left: auto;
	1509	+ margin-right: auto;
	1510	+ padding-left: 18px;
	1511	+ padding-right: 18px;
	1512	+}
	1513	+
	1514	+html {
	1515	+ scroll-behavior: smooth;
	1516	+}
	1517	+
	1518	+section {
	1519	+ padding: @section-padding;
	1520	+ border-top: 1px solid @line;
	1521	+
	1522	+ &:first-of-type {
	1523	+ border-top: none;
	1524	+ }
	1525	+}
	1526	+
	1527	+section[id] {
	1528	+ scroll-margin-top: 92px;
	1529	+}
	1530	+
	1531	+h1,
	1532	+h2,
	1533	+h3,
	1534	+h4 {
	1535	+ color: @text;
	1536	+}
	1537	+
	1538	+h2 {
	1539	+ text-align: center;
	1540	+ margin-top: 0;
	1541	+}
	1542	+
	1543	+.lead {
	1544	+ color: @muted;
	1545	+ text-align: center;
	1546	+ margin-bottom: 0;
	1547	+}
	1548	+
	1549	+.section-intro {
	1550	+ max-width: 760px;
	1551	+ margin: 0 auto 22px;
	1552	+ text-align: center;
	1553	+ color: @muted;
	1554	+ font-size: 16px;
	1555	+ line-height: 1.55;
	1556	+}
	1557	+
	1558	+a {
	1559	+ color: @brand;
	1560	+
	1561	+ &:hover,
	1562	+ &:focus {
	1563	+ color: @brand-strong;
	1564	+ }
	1565	+}
	1566	+
	1567	+/* ========== Header / Navigation ========== */
	1568	+
	1569	+.site-header {
	1570	+ position: sticky;
	1571	+ top: 0;
	1572	+ z-index: 1000;
	1573	+ background: fade(#fff, 96%);
	1574	+ border-bottom: 1px solid fade(@line, 85%);
	1575	+ backdrop-filter: blur(8px);
	1576	+}
	1577	+
	1578	+.header-inner {
	1579	+ min-height: 72px;
	1580	+ display: flex;
	1581	+ align-items: center;
	1582	+ justify-content: space-between;
	1583	+ gap: 24px;
	1584	+}
	1585	+
	1586	+.site-nav {
	1587	+ display: flex;
	1588	+ align-items: center;
	1589	+ gap: 22px;
	1590	+ font-size: 15px;
	1591	+
	1592	+ a {
	1593	+ color: @text;
	1594	+ text-decoration: none;
	1595	+ font-weight: 600;
	1596	+
	1597	+ &:hover,
	1598	+ &:focus {
	1599	+ color: @brand;
	1600	+ text-decoration: none;
	1601	+ }
	1602	+ }
	1603	+
	1604	+ .nav-cta {
	1605	+ color: #fff;
	1606	+ background: @brand;
	1607	+ border: 1px solid @brand;
	1608	+ border-radius: 6px;
	1609	+ padding: 8px 14px;
	1610	+
	1611	+ &:hover,
	1612	+ &:focus {
	1613	+ color: #fff;
	1614	+ background: @brand-strong;
	1615	+ border-color: @brand-strong;
	1616	+ }
	1617	+ }
	1618	+}
	1619	+
	1620	+/* ========== Buttons ========== */
	1621	+
	1622	+.btn-primary {
	1623	+ background: @brand;
	1624	+ border-color: @brand;
	1625	+ color: #fff;
	1626	+
	1627	+ &:hover,
	1628	+ &:focus {
	1629	+ background: @brand-strong;
	1630	+ border-color: @brand-strong;
	1631	+ color: #fff;
	1632	+ }
	1633	+}
	1634	+
	1635	+.btn-secondary {
	1636	+ color: @brand;
	1637	+ background: #fff;
	1638	+ border: 1px solid fade(@brand, 35%);
	1639	+
	1640	+ &:hover,
	1641	+ &:focus {
	1642	+ color: @brand-strong;
	1643	+ border-color: @brand;
	1644	+ background: @brand-bg;
	1645	+ }
	1646	+}
	1647	+
	1648	+/* ========== Hero ========== */
	1649	+
	1650	+.hero {
	1651	+ overflow: hidden;
	1652	+ background-repeat: no-repeat;
	1653	+ background-attachment: scroll;
	1654	+
	1655	+ &.hero-centered {
	1656	+ text-align: center;
	1657	+ background:
	1658	+ radial-gradient(50rem 18rem at 50% -10%, @brand-soft 0%, transparent 60%),
	1659	+ radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
	1660	+ display: flex;
	1661	+ align-items: center;
	1662	+ justify-content: center;
	1663	+ min-height: 330px;
	1664	+ }
	1665	+
	1666	+ .hero-inner {
	1667	+ max-width: 860px;
	1668	+ margin: 0 auto;
	1669	+ display: flex;
	1670	+ flex-direction: column;
	1671	+ align-items: center;
	1672	+ }
	1673	+
	1674	+ h1 {
	1675	+ max-width: 790px;
	1676	+ margin-left: auto;
	1677	+ margin-right: auto;
	1678	+ line-height: 1.18;
	1679	+ }
	1680	+
	1681	+ .lead {
	1682	+ max-width: 820px;
	1683	+ font-size: 19px;
	1684	+ line-height: 1.55;
	1685	+ margin-top: 12px;
	1686	+ }
	1687	+
	1688	+ .benefits {
	1689	+ display: flex;
	1690	+ flex-wrap: wrap;
	1691	+ justify-content: center;
	1692	+ list-style: none;
	1693	+ padding: 0;
	1694	+ margin: 14px 0 0;
	1695	+ color: @muted;
	1696	+ font-size: 14px;
	1697	+
	1698	+ li + li::before {
	1699	+ content: "•";
	1700	+ margin: 0 6px;
	1701	+ }
	1702	+ }
	1703	+}
	1704	+
	1705	+.hero-kicker {
	1706	+ display: inline-flex;
	1707	+ align-items: center;
	1708	+ gap: 8px;
	1709	+ color: @brand;
	1710	+ background: fade(@brand, 8%);
	1711	+ border: 1px solid fade(@brand, 18%);
	1712	+ border-radius: 999px;
	1713	+ padding: 6px 12px;
	1714	+ margin-bottom: 14px;
	1715	+ font-size: 13px;
	1716	+ font-weight: 700;
	1717	+}
	1718	+
	1719	+.hero-actions,
	1720	+#hero-cta {
	1721	+ display: flex;
	1722	+ gap: 12px;
	1723	+ flex-wrap: wrap;
	1724	+ justify-content: center;
	1725	+ margin-top: 22px;
	1726	+}
	1727	+
	1728	+/* ========== Trust Strip ========== */
	1729	+
	1730	+.trust-strip {
	1731	+ padding: 18px 0;
	1732	+ border-top: 1px solid @line;
	1733	+ background: #fff;
	1734	+
	1735	+ ul {
	1736	+ max-width: 960px;
	1737	+ margin: 0 auto;
	1738	+ padding: 0;
	1739	+ list-style: none;
	1740	+ display: flex;
	1741	+ justify-content: center;
	1742	+ gap: 22px;
	1743	+ flex-wrap: wrap;
	1744	+ color: @muted;
	1745	+ font-size: 13px;
	1746	+ }
	1747	+
	1748	+ li {
	1749	+ display: flex;
	1750	+ align-items: center;
	1751	+ gap: 7px;
	1752	+ }
	1753	+
	1754	+ i {
	1755	+ color: @brand;
	1756	+ }
	1757	+}
	1758	+
	1759	+/* ========== Reusable Grids ========== */
	1760	+
	1761	+.card-grid,
	1762	+.pathways,
	1763	+.services-grid,
	1764	+.resource-grid,
	1765	+.widgets {
	1766	+ display: grid;
	1767	+ grid-gap: 18px;
	1768	+ margin-left: auto;
	1769	+ margin-right: auto;
	1770	+}
	1771	+
	1772	+.card-grid,
	1773	+.pathways,
	1774	+.services-grid {
	1775	+ grid-template-columns: repeat(3, minmax(0, 1fr));
	1776	+ max-width: 1040px;
	1777	+ margin-top: 22px;
	1778	+}
	1779	+
	1780	+.resource-grid {
	1781	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	1782	+ max-width: 1040px;
	1783	+ margin-top: 22px;
	1784	+}
	1785	+
	1786	+.widgets {
	1787	+ grid-template-columns: repeat(4, minmax(0, 1fr));
	1788	+ max-width: 1040px;
	1789	+ margin-top: 20px;
	1790	+}
	1791	+
	1792	+.card-grid > *,
	1793	+.pathways > *,
	1794	+.services-grid > *,
	1795	+.resource-grid > *,
	1796	+.widgets > * {
	1797	+ min-width: 0;
	1798	+}
	1799	+
	1800	+/* ========== Shared Card Style ========== */
	1801	+
	1802	+.widget,
	1803	+.pathway-card,
	1804	+.service-card,
	1805	+.resource-card {
	1806	+ background: #fff;
	1807	+ border: 1px solid @line;
	1808	+ border-radius: @radius;
	1809	+ box-shadow: @shadow-sm;
	1810	+}
	1811	+
	1812	+/* ========== Small Widgets ========== */
	1813	+
	1814	+.widget {
	1815	+ padding: 18px;
	1816	+ display: flex;
	1817	+ flex-direction: column;
	1818	+ height: 100%;
	1819	+
	1820	+ .icon {
	1821	+ display: flex;
	1822	+ align-items: center;
	1823	+ gap: 10px;
	1824	+ padding-bottom: 8px;
	1825	+ margin-bottom: 10px;
	1826	+ border-bottom: 1px solid fade(@line, 70%);
	1827	+
	1828	+ i {
	1829	+ color: @brand;
	1830	+ }
	1831	+
	1832	+ h4 {
	1833	+ margin: 0;
	1834	+ line-height: 1.25;
	1835	+ color: @text;
	1836	+ }
	1837	+ }
	1838	+
	1839	+ p {
	1840	+ margin: 0;
	1841	+ color: @muted;
	1842	+ line-height: 1.45;
	1843	+ }
	1844	+}
	1845	+
	1846	+/* ========== Homepage Pathway Cards ========== */
	1847	+
	1848	+.pathway-card {
	1849	+ padding: 24px;
	1850	+ display: flex;
	1851	+ flex-direction: column;
	1852	+ min-height: 100%;
	1853	+
	1854	+ .card-heading {
	1855	+ display: flex;
	1856	+ align-items: center;
	1857	+ gap: 14px;
	1858	+ margin-bottom: 14px;
	1859	+ }
	1860	+
	1861	+ .pathway-icon {
	1862	+ width: 52px;
	1863	+ height: 52px;
	1864	+ border-radius: 50%;
	1865	+ display: flex;
	1866	+ align-items: center;
	1867	+ justify-content: center;
	1868	+ color: @brand;
	1869	+ background: fade(@brand, 10%);
	1870	+ font-size: 19px;
	1871	+ flex-shrink: 0;
	1872	+ }
	1873	+
	1874	+ h3 {
	1875	+ margin: 0;
	1876	+ color: @text;
	1877	+ font-size: 22px;
	1878	+ line-height: 1.25;
	1879	+ }
	1880	+
	1881	+ p {
	1882	+ color: @muted;
	1883	+ line-height: 1.55;
	1884	+ margin: 0 0 16px;
	1885	+ }
	1886	+
	1887	+ ul {
	1888	+ margin: 0 0 22px;
	1889	+ padding-left: 18px;
	1890	+ color: @muted;
	1891	+ font-size: 14px;
	1892	+ line-height: 1.55;
	1893	+ }
	1894	+
	1895	+ li {
	1896	+ margin: 6px 0;
	1897	+ }
	1898	+
	1899	+ .card-link {
	1900	+ margin-top: auto;
	1901	+ padding-top: 4px;
	1902	+
	1903	+ a {
	1904	+ color: @brand;
	1905	+ font-weight: 700;
	1906	+ text-decoration: underline;
	1907	+
	1908	+ &:hover,
	1909	+ &:focus {
	1910	+ color: @brand-strong;
	1911	+ }
	1912	+ }
	1913	+ }
	1914	+}
	1915	+
	1916	+.industry-trust-section {
	1917	+ background:
	1918	+ radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%);
	1919	+
	1920	+ .industry-trust-panel {
	1921	+ max-width: 1040px;
	1922	+ margin: 0 auto;
	1923	+ padding: 30px 28px;
	1924	+ border: 1px solid fade(@brand, 16%);
	1925	+ border-radius: @radius;
	1926	+ background:
	1927	+ radial-gradient(34rem 12rem at 50% 0%, fade(@brand-soft, 75%) 0%, #fff 72%);
	1928	+ box-shadow: @shadow-sm;
	1929	+ text-align: center;
	1930	+ }
	1931	+
	1932	+ h2 {
	1933	+ margin-bottom: 12px;
	1934	+ }
	1935	+
	1936	+ .section-intro {
	1937	+ margin-bottom: 20px;
	1938	+ max-width: 820px;
	1939	+ }
	1940	+
	1941	+ .industry-tags {
	1942	+ max-width: 880px;
	1943	+ margin: 0 auto;
	1944	+ display: flex;
	1945	+ flex-wrap: wrap;
	1946	+ justify-content: center;
	1947	+ gap: 10px;
	1948	+ }
	1949	+
	1950	+ .industry-tags span {
	1951	+ display: inline-flex;
	1952	+ align-items: center;
	1953	+ padding: 7px 12px;
	1954	+ border: 1px solid fade(@brand, 20%);
	1955	+ border-radius: 999px;
	1956	+ background: #fff;
	1957	+ color: @text;
	1958	+ font-size: 13px;
	1959	+ font-weight: 600;
	1960	+ line-height: 1.2;
	1961	+ box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
	1962	+ }
	1963	+
	1964	+ .industry-support {
	1965	+ max-width: 820px;
	1966	+ margin: 22px auto 0;
	1967	+ color: @muted;
	1968	+ font-size: 16px;
	1969	+ line-height: 1.6;
	1970	+ }
	1971	+}
	1972	+
	1973	+@media (max-width: 640px) {
	1974	+ .industry-trust-section {
	1975	+ .industry-trust-panel {
	1976	+ padding: 24px 18px;
	1977	+ }
	1978	+
	1979	+ .industry-tags {
	1980	+ gap: 8px;
	1981	+ }
	1982	+
	1983	+ .industry-tags span {
	1984	+ font-size: 12px;
	1985	+ padding: 6px 10px;
	1986	+ }
	1987	+ }
	1988	+}
	1989	+
	1990	+/* ========== Services ========== */
	1991	+
	1992	+.services {
	1993	+ .services-grid {
	1994	+ max-width: 1040px;
	1995	+ }
	1996	+
	1997	+ .service {
	1998	+ display: flex;
	1999	+ align-items: flex-start;
	2000	+ gap: 16px;
	2001	+ padding: 22px;
	2002	+ background: #fff;
	2003	+ border: 1px solid @line;
	2004	+ border-radius: @radius;
	2005	+ box-shadow: @shadow-sm;
	2006	+
	2007	+ .service-icon {
	2008	+ width: 46px;
	2009	+ height: 46px;
	2010	+ border-radius: 50%;
	2011	+ display: flex;
	2012	+ align-items: center;
	2013	+ justify-content: center;
	2014	+ font-size: 18px;
	2015	+ color: @brand;
	2016	+ background: fade(@brand, 10%);
	2017	+ flex-shrink: 0;
	2018	+ margin-top: 2px;
	2019	+ }
	2020	+
	2021	+ .service-body {
	2022	+ h4 {
	2023	+ margin: 0 0 6px;
	2024	+ font-size: 18px;
	2025	+ line-height: 1.25;
	2026	+ font-weight: 800;
	2027	+ color: @text;
	2028	+ }
	2029	+
	2030	+ p {
	2031	+ margin: 0 0 8px;
	2032	+ color: @muted;
	2033	+ line-height: 1.5;
	2034	+ }
	2035	+
	2036	+ ul {
	2037	+ margin: 9px 0 0;
	2038	+ padding-left: 18px;
	2039	+ color: @muted;
	2040	+ font-size: 13px;
	2041	+ line-height: 1.5;
	2042	+ }
	2043	+
	2044	+ li {
	2045	+ margin: 4px 0;
	2046	+ }
	2047	+ }
	2048	+ }
	2049	+}
	2050	+
	2051	+/* ========== Split / Process Section ========== */
	2052	+
	2053	+.split-section {
	2054	+ background:
	2055	+ radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
	2056	+}
	2057	+
	2058	+.split-grid {
	2059	+ display: grid;
	2060	+ grid-template-columns: 1.1fr .9fr;
	2061	+ grid-gap: 36px;
	2062	+ max-width: 1040px;
	2063	+ margin: 0 auto;
	2064	+ align-items: center;
	2065	+}
	2066	+
	2067	+.split-copy {
	2068	+ h2 {
	2069	+ text-align: left;
	2070	+ margin-top: 0;
	2071	+ }
	2072	+
	2073	+ p {
	2074	+ color: @muted;
	2075	+ line-height: 1.6;
	2076	+ }
	2077	+}
	2078	+
	2079	+.process-list {
	2080	+ counter-reset: process;
	2081	+ margin: 0;
	2082	+ padding: 0;
	2083	+ list-style: none;
	2084	+
	2085	+ li {
	2086	+ counter-increment: process;
	2087	+ position: relative;
	2088	+ padding: 16px 16px 16px 58px;
	2089	+ margin-bottom: 12px;
	2090	+ background: #fff;
	2091	+ border: 1px solid @line;
	2092	+ border-radius: @radius;
	2093	+ box-shadow: @shadow-sm;
	2094	+ color: @muted;
	2095	+ line-height: 1.5;
	2096	+
	2097	+ &:before {
	2098	+ content: counter(process);
	2099	+ position: absolute;
	2100	+ left: 16px;
	2101	+ top: 16px;
	2102	+ width: 28px;
	2103	+ height: 28px;
	2104	+ border-radius: 50%;
	2105	+ background: fade(@brand, 10%);
	2106	+ color: @brand;
	2107	+ display: flex;
	2108	+ align-items: center;
	2109	+ justify-content: center;
	2110	+ font-weight: 800;
	2111	+ }
	2112	+
	2113	+ strong {
	2114	+ display: block;
	2115	+ color: @text;
	2116	+ margin-bottom: 3px;
	2117	+ }
	2118	+ }
	2119	+}
	2120	+
	2121	+/* ========== Resources ========== */
	2122	+
	2123	+.resource-strip {
	2124	+ background: @brand-bg;
	2125	+}
	2126	+
	2127	+.resource-card {
	2128	+ padding: 20px;
	2129	+
	2130	+ h4 {
	2131	+ margin: 0 0 8px;
	2132	+ color: @text;
	2133	+ font-size: 18px;
	2134	+ line-height: 1.25;
	2135	+ }
	2136	+
	2137	+ p {
	2138	+ color: @muted;
	2139	+ margin: 0 0 12px;
	2140	+ line-height: 1.5;
	2141	+ }
	2142	+
	2143	+ a {
	2144	+ color: @brand;
	2145	+ font-weight: 700;
	2146	+ }
	2147	+}
	2148	+
611	611	/* ========== Homepage Resource Strip ========== */
612	612
613	613	.homepage-resource-strip {
...	...	@@ -715,6 +715,50 @@
715	715	}
716	716	}
717	717
	2256	+.resource-inline-cta {
	2257	+ display: flex;
	2258	+ align-items: center;
	2259	+ justify-content: space-between;
	2260	+ gap: 22px;
	2261	+ margin: 30px 0;
	2262	+ padding: 20px 22px;
	2263	+ border: 1px solid fade(@brand, 22%);
	2264	+ border-radius: @radius;
	2265	+ background: @brand-bg;
	2266	+ box-shadow: @shadow-sm;
	2267	+
	2268	+ p {
	2269	+ margin: 0;
	2270	+ color: @muted;
	2271	+ line-height: 1.55;
	2272	+ }
	2273	+
	2274	+ strong {
	2275	+ color: @text;
	2276	+ }
	2277	+
	2278	+ .btn {
	2279	+ flex-shrink: 0;
	2280	+ }
	2281	+}
	2282	+
	2283	+@media (max-width: 767px) {
	2284	+ .resource-inline-cta {
	2285	+ display: block;
	2286	+ text-align: center;
	2287	+
	2288	+ p {
	2289	+ margin-bottom: 14px;
	2290	+ }
	2291	+
	2292	+ .btn {
	2293	+ display: inline-block;
	2294	+ margin-left: auto;
	2295	+ margin-right: auto;
	2296	+ }
	2297	+ }
	2298	+}
	2299	+
718	718	/* ========== Responsive ========== */
719	719
720	720	@media (max-width: 980px) {
...	...	@@ -837,15 +837,18 @@
837	837	}
838	838
839	839	.resource-layout {
840		- display: grid;
841		- grid-template-columns: minmax(0, 760px) 280px;
842		- gap: 42px;
	2422	+ display: block;
843	843	max-width: 1080px;
844	844	margin: 0 auto;
845	845	padding-top: 28px;
846		- align-items: start;
847	847	}
848	848
	2428	+.resource-layout::after {
	2429	+ content: "";
	2430	+ display: block;
	2431	+ clear: both;
	2432	+}
	2433	+
849	849	.resource-content {
850	850	color: @text;
851	851	font-size: 16px;
...	...	@@ -893,6 +893,45 @@
893	893	}
894	894	}
895	895
	2481	+.resource-note.related-resources {
	2482	+ p {
	2483	+ margin-bottom: 10px;
	2484	+ }
	2485	+
	2486	+ ul {
	2487	+ margin: 0;
	2488	+ padding-left: 20px;
	2489	+ }
	2490	+
	2491	+ li {
	2492	+ margin: 6px 0;
	2493	+ color: @muted;
	2494	+ }
	2495	+}
	2496	+
	2497	+.resource-faq-item {
	2498	+ display: flow-root;
	2499	+ border-bottom: 1px solid @line;
	2500	+ padding: 12px 0;
	2501	+
	2502	+ summary {
	2503	+ cursor: pointer;
	2504	+ font-weight: 700;
	2505	+ color: @text;
	2506	+ line-height: 1.4;
	2507	+ }
	2508	+
	2509	+ summary:hover,
	2510	+ summary:focus {
	2511	+ color: @brand-strong;
	2512	+ }
	2513	+
	2514	+ p {
	2515	+ margin: 10px 0 4px;
	2516	+ color: @muted;
	2517	+ }
	2518	+}
	2519	+
896	896	.resource-checklist {
897	897	margin: 18px 0 24px;
898	898	padding: 0;
...	...	@@ -915,6 +915,10 @@
915	915	}
916	916
917	917	.resource-sidebar {
	2542	+ float: right;
	2543	+ width: 280px;
	2544	+ margin-left: 42px;
	2545	+ margin-bottom: 28px;
918	918	position: sticky;
919	919	top: 96px;
920	920	border: 1px solid @line;
...	...	@@ -944,8 +944,14 @@
944	944	}
945	945
946	946	.resource-cta {
947		- margin-top: 36px;
948		- padding: 22px;
	2575	+ display: flex;
	2576	+ flex-direction: column;
	2577	+ align-items: center;
	2578	+ text-align: center;
	2579	+
	2580	+ max-width: 820px;
	2581	+ margin: 42px auto 0;
	2582	+ padding: 28px 30px;
949	949	border: 1px solid fade(@brand, 20%);
950	950	border-radius: @radius;
951	951	background: @brand-bg;
...	...	@@ -952,20 +952,43 @@
952	952
953	953	h3 {
954	954	margin-top: 0;
	2589	+ margin-bottom: 10px;
955	955	}
956	956
957	957	p {
	2593	+ max-width: 680px;
	2594	+ margin-left: auto;
	2595	+ margin-right: auto;
958	958	color: @muted;
959	959	}
	2598	+
	2599	+ .btn {
	2600	+ margin-top: 8px;
	2601	+ }
960	960	}
961	961
	2604	+.resource-note,
	2605	+.resource-checklist,
	2606	+.resource-cta {
	2607	+ display: flow-root;
	2608	+}
	2609	+
	2610	+@media (max-width: 767px) {
	2611	+ .resource-cta {
	2612	+ padding: 24px 20px;
	2613	+ }
	2614	+}
	2615	+
962	962	@media (max-width: 900px) {
963	963	.resource-layout {
964		- grid-template-columns: 1fr;
965	965	padding-top: 22px;
966	966	}
967	967
968	968	.resource-sidebar {
	2622	+ float: none;
	2623	+ width: 100%;
	2624	+ margin-left: 0;
	2625	+ margin-bottom: 24px;
969	969	position: static;
970	970	}
971	971	}
...	...	@@ -1251,3 +1251,27 @@
1251	1251	padding: @section-padding-mobile;
1252	1252	}
1253	1253	}
	2911	+
	2912	+.resource-faq-item {
	2913	+ border-bottom: 1px solid @line;
	2914	+ padding: 12px 0;
	2915	+
	2916	+ summary {
	2917	+ cursor: pointer;
	2918	+ font-weight: 700;
	2919	+ color: @text;
	2920	+ }
	2921	+
	2922	+ p {
	2923	+ margin: 10px 0 4px;
	2924	+ color: @muted;
	2925	+ }
	2926	+}
	2927	+ color: @text;
	2928	+ }
	2929	+
	2930	+ p {
	2931	+ margin: 10px 0 4px;
	2932	+ color: @muted;
	2933	+ }
	2934	+}

XWiki.XWikiRights[0]

allow

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

groups

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

levels

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

users

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

Agnease.Code.SEODetailsClass[0]

metaDescription

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

metaTitle

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