Changes for page Home

Summary

• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -1,92 +1,48 @@
1		-/* ===== Agnease Landing (scoped) ===== */
2		-.agnease-landing {
3		- --brand:#00937D;
4		- --brand-strong:#007B6A;
5		- --text:#2D3A34;
6		- --muted:#5B6B64;
7		- --bg:#FFFFFF;
8		- --panel:#F7F9F8;
9		- --line:#E4ECE9;
10		- --radius:14px;
11		- --radius-sm:10px;
	1	+/* Page: XWiki.AgneaseTheme (SSX) */
	2	+#contentcontainer.agnease {
	3	+ --brand:#00937D; --brand-strong:#007B6A;
	4	+ --text:#2D3A34; --muted:#5B6B64;
	5	+ --panel:#F7F9F8; --line:#E4ECE9;
	6	+ --radius:14px; --radius-sm:10px;
12	12	--shadow:0 10px 30px rgba(0,0,0,.08);
13		- color:var(--text);
14		- font:16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
	8	+ color:var(--text); font:16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
15	15	}
16	16
17		-.agnease-landing a{color:var(--brand);text-decoration:none}
18		-.agnease-landing a:hover{color:var(--brand-strong);text-decoration:underline}
19		-.agnease-landing h1{font-size:clamp(1.8rem,2.5vw + .8rem,3rem);line-height:1.15;margin:.2rem 0 .5rem}
20		-.agnease-landing h2{font-size:clamp(1.4rem,1.4vw + .8rem,2rem);line-height:1.2;margin:.2rem 0 .4rem}
21		-.agnease-landing h3{font-size:1.1rem;margin:.2rem 0 .25rem}
22		-.agnease-landing .lead{color:var(--muted);max-width:72ch;margin:.35rem 0 .7rem}
	11	+/* Headings & links */
	12	+#contentcontainer.agnease h1{font-size:clamp(1.8rem,2.5vw + .8rem,3rem);line-height:1.15;margin:.2rem 0 .5rem}
	13	+#contentcontainer.agnease h2{font-size:clamp(1.4rem,1.4vw + .8rem,2rem);line-height:1.2;margin:.2rem 0 .4rem}
	14	+#contentcontainer.agnease h3{font-size:1.1rem;margin:.2rem 0 .3rem}
	15	+#contentcontainer.agnease .lead{color:var(--muted);max-width:72ch;margin:.35rem 0 .7rem}
	16	+#contentcontainer.agnease a{color:var(--brand)}
	17	+#contentcontainer.agnease a:hover{color:var(--brand-strong);text-decoration:underline}
23	23
24		-.agnease-landing section{padding:64px 0;border-top:1px solid var(--line)}
25		-.agnease-landing section:first-child{border-top:none}
26		-
27		-.agnease-landing .container{max-width:1140px;margin:auto;padding:0 20px}
28		-.agnease-landing .grid{display:grid;gap:18px}
29		-.agnease-landing .grid-2{grid-template-columns:1fr}
30		-.agnease-landing .grid-3{grid-template-columns:1fr}
	19	+/* Sections & grid */
	20	+#contentcontainer.agnease section{padding:64px 0;border-top:1px solid var(--line)}
	21	+#contentcontainer.agnease section:first-child{border-top:none}
	22	+#contentcontainer.agnease .container{max-width:1140px;margin:auto;padding:0 20px}
	23	+#contentcontainer.agnease .grid{display:grid;gap:18px}
	24	+#contentcontainer.agnease .grid-2{grid-template-columns:1fr}
	25	+#contentcontainer.agnease .grid-3{grid-template-columns:1fr}
31	31	@media (min-width:840px){
32		- .agnease-landing .grid-2{grid-template-columns:1.1fr .9fr}
33		- .agnease-landing .grid-3{grid-template-columns:repeat(3,1fr)}
	27	+ #contentcontainer.agnease .grid-2{grid-template-columns:1.1fr .9fr}
	28	+ #contentcontainer.agnease .grid-3{grid-template-columns:repeat(3,1fr)}
34	34	}
35	35
	31	+/* Components (chips, cards, steps, CTA band) */
	32	+#contentcontainer.agnease .chip{display:inline-block;background:var(--panel);border:1px solid var(--line);padding:.35rem .65rem;border-radius:999px;font-size:.82rem;color:var(--text)}
	33	+#contentcontainer.agnease .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease}
	34	+#contentcontainer.agnease .card:hover{transform:translateY(-2px)}
	35	+#contentcontainer.agnease .card p{color:var(--muted);margin:0}
	36	+#contentcontainer.agnease .card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
	37	+#contentcontainer.agnease .steps{display:grid;gap:16px;grid-template-columns:1fr}
	38	+@media (min-width:840px){ #contentcontainer.agnease .steps{grid-template-columns:repeat(3,1fr)} }
	39	+#contentcontainer.agnease .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
	40	+#contentcontainer.agnease .cta-band{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
	41	+
36	36	/* Buttons */
37		-.agnease-landing .btn{
38		- display:inline-flex;align-items:center;gap:.55rem;
39		- padding:.85rem 1.1rem;border-radius:12px;border:2px solid transparent;
40		- font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow)
41		-}
42		-.agnease-landing .btn-primary{background:var(--brand);color:#fff}
43		-.agnease-landing .btn-primary:hover{background:var(--brand-strong)}
44		-.agnease-landing .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
45		-.agnease-landing .btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-strong)}
	43	+#contentcontainer.agnease .btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.1rem;border-radius:12px;border:2px solid transparent;font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow)}
	44	+#contentcontainer.agnease .btn-primary{background:var(--brand);color:#fff}
	45	+#contentcontainer.agnease .btn-primary:hover{background:var(--brand-strong)}
	46	+#contentcontainer.agnease .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
	47	+#contentcontainer.agnease .btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-strong)}
46	46
47		-/* Hero */
48		-.agnease-landing .hero{
49		- background:
50		- radial-gradient(60rem 24rem at 10% -10%, #E7FFF8 0%, transparent 60%),
51		- radial-gradient(60rem 24rem at 90% -20%, #E8F6F3 0%, transparent 60%);
52		-}
53		-.agnease-landing .hero .badges{display:flex;flex-wrap:wrap;gap:.5rem}
54		-.agnease-landing .chip{
55		- display:inline-block;background:var(--panel);border:1px solid var(--line);
56		- padding:.35rem .65rem;border-radius:999px;font-size:.82rem;color:var(--text)
57		-}
58		-.agnease-landing .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
59		-
60		-/* Trust bar */
61		-.agnease-landing .trust{
62		- background:#fff;
63		-}
64		-.agnease-landing .trust-list{
65		- display:grid;gap:14px;grid-template-columns:repeat(2,1fr)
66		-}
67		-@media (min-width:720px){ .agnease-landing .trust-list{grid-template-columns:repeat(5,1fr)} }
68		-.agnease-landing .trust-item{
69		- background:var(--panel);border:1px solid var(--line);border-radius:12px;
70		- padding:.7rem;text-align:center;color:var(--muted)
71		-}
72		-
73		-/* Services cards */
74		-.agnease-landing .card{
75		- background:#fff;border:1px solid var(--line);border-radius:var(--radius);
76		- padding:18px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease
77		-}
78		-.agnease-landing .card:hover{transform:translateY(-2px)}
79		-.agnease-landing .card p{color:var(--muted);margin:0}
80		-.agnease-landing .card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
81		-
82		-/* Process steps */
83		-.agnease-landing .steps{display:grid;gap:16px;grid-template-columns:1fr}
84		-@media (min-width:840px){ .agnease-landing .steps{grid-template-columns:repeat(3,1fr)} }
85		-.agnease-landing .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
86		-
87		-/* CTA band */
88		-.agnease-landing .cta-band{
89		- background:#fff;border:1px solid var(--line);border-radius:var(--radius);
90		- padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px
91		-}
92		-