/* CodeLinSoft Gutenberg Studio — layouts are additive; existing Gutenberg content is never rewritten. */
.clsgs-block{position:relative;margin:28px 0;padding:24px;border:1px solid #dce9f1;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(5,47,75,.06)}
.clsgs-block__eyebrow{display:block;margin:0 0 7px;color:#0787f9;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.clsgs-block h2{margin:.1em 0 .45em;font-size:clamp(25px,3vw,38px);line-height:1.1}.clsgs-block>p{color:#526b7d;max-width:760px}.clsgs-block__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:18px}.clsgs-block__items article{border:1px solid #dfeaf2;border-radius:12px;padding:16px;background:#f9fcfe}.clsgs-block__items h3{margin:0 0 5px;font-size:16px}.clsgs-block__items p{margin:0;font-size:13px;color:#607889}.clsgs-block--hero{padding:34px;background:linear-gradient(135deg,#06334f,#086e91);color:#fff;overflow:hidden}.clsgs-block--hero .clsgs-block__eyebrow{color:#5dd9f4}.clsgs-block--hero>p{color:#d8edf6}.clsgs-block--callout{border-color:#91ddf0;background:linear-gradient(135deg,#effaff,#f8fdff)}.clsgs-block--stats .clsgs-block__items article{text-align:center}.clsgs-block--stats .clsgs-block__items h3{font-size:28px;color:#063b59}.clsgs-block--downloads .clsgs-block__items article{border-left:4px solid #12bde9}
/* page families: visual layer over existing blocks */
.cls-layout--services .clsgs-content>h2,.cls-layout--team .clsgs-content>h2,.cls-layout--support .clsgs-content>h2,.cls-layout--portfolio .clsgs-content>h2{margin-top:2em}
.cls-layout--services .clsgs-content .wp-block-columns>.wp-block-column,.cls-layout--team .clsgs-content .wp-block-columns>.wp-block-column{border:1px solid #dce9f1;border-radius:14px;background:#fff;padding:20px;box-shadow:0 12px 30px rgba(5,47,75,.06)}
.cls-layout--support .clsgs-content .wp-block-columns>.wp-block-column{border:1px solid #dce9f1;border-radius:16px;background:#fff;padding:22px;box-shadow:0 15px 36px rgba(5,47,75,.07)}
.cls-layout--portfolio .clsgs-content .wp-block-columns,.cls-layout--portfolio-sites .clsgs-content .wp-block-gallery{gap:14px}.cls-layout--portfolio-sites .clsgs-content .wp-block-image img{border-radius:14px;box-shadow:0 10px 26px rgba(5,47,75,.08)}
body[class*="cls-layout--product"] .clsgs-content h2{margin-top:1.8em;border-bottom:1px solid #dce9f1;padding-bottom:.45em}body[class*="cls-layout--product"] .clsgs-content .wp-block-image img{border-radius:13px;box-shadow:0 12px 32px rgba(5,47,75,.08)}
.cls-layout--downloads .clsgs-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dce9f1;border-radius:13px;overflow:hidden}.cls-layout--downloads .clsgs-content th{background:#063b59;color:#fff}.cls-layout--downloads .clsgs-content td,.cls-layout--downloads .clsgs-content th{padding:11px 12px;border-bottom:1px solid #e6eef4}.cls-layout--downloads .clsgs-content tr:last-child td{border-bottom:0}
.cls-layout--legal .clsgs-content{max-width:850px;margin-inline:auto}.cls-layout--legal .clsgs-content>p,.cls-layout--legal .clsgs-content>ul,.cls-layout--legal .clsgs-content>ol{font-size:16px;line-height:1.82}.cls-layout--story .clsgs-content img{border-radius:14px}.cls-layout--docs .clsgs-content pre,.cls-layout--wiki-article .clsgs-content pre{border-radius:13px;background:#071d2c;color:#e8f7ff;padding:18px;overflow:auto}
.cls-layout--article .clsgs-content,.cls-layout--wiki-article .clsgs-content{max-width:900px;margin-inline:auto}.cls-layout--wiki-article .clsgs-content code{background:#eaf5fb;border-radius:5px;padding:2px 5px}
/* scanner-derived traits */
.cls-trait--gallery .clsgs-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cls-trait--pricing .clsgs-content .wp-block-columns>.wp-block-column{border:1px solid #dce9f1;border-radius:16px;padding:22px;background:#fff}.cls-trait--tables .clsgs-content{overflow-wrap:anywhere}.cls-trait--code .clsgs-content pre{background:#071d2c;color:#e7f6fe;border-radius:13px;padding:18px;overflow:auto}
@media(max-width:700px){.clsgs-block{padding:18px}.clsgs-block--hero{padding:24px}.clsgs-block__items{grid-template-columns:1fr}.cls-layout--downloads .clsgs-content table{min-width:680px}}
/* Per-page visual profiles. One consistent system, individual accents. */
body[class*="cls-profile--"]{--clsgs-accent:#12bde9;--clsgs-accent2:#0787f9}
.cls-profile--servizi{--clsgs-accent:#13c4e8;--clsgs-accent2:#0878e6}.cls-profile--team{--clsgs-accent:#1aa0ff;--clsgs-accent2:#655de8}.cls-profile--sostienici{--clsgs-accent:#16bfa2;--clsgs-accent2:#0787f9}.cls-profile--portofolio,.cls-profile--portofolio-siti-web{--clsgs-accent:#26b5dc;--clsgs-accent2:#3569dc}
.cls-profile--fabariagest{--clsgs-accent:#16a6e3;--clsgs-accent2:#067be7}.cls-profile--lylibrary{--clsgs-accent:#1dbd73;--clsgs-accent2:#0c9670}.cls-profile--codicefiscale{--clsgs-accent:#8b52df;--clsgs-accent2:#6346ce}.cls-profile--camp{--clsgs-accent:#ef7a31;--clsgs-accent2:#ec4f4f}.cls-profile--scratch-3{--clsgs-accent:#f59d30;--clsgs-accent2:#f26b38}.cls-profile--squidgui{--clsgs-accent:#22b9c7;--clsgs-accent2:#1677c7}.cls-profile--pykaraoke-mac{--clsgs-accent:#d756c8;--clsgs-accent2:#8758df}.cls-profile--diploma{--clsgs-accent:#e0a72b;--clsgs-accent2:#d47722}.cls-profile--utentigsuite{--clsgs-accent:#3c8be8;--clsgs-accent2:#4762d2}.cls-profile--wallpapers{--clsgs-accent:#35b4d6;--clsgs-accent2:#6456d9}
.cls-profile--template{--clsgs-accent:#ef7c28;--clsgs-accent2:#3e66cf}.cls-profile--template-wordpress{--clsgs-accent:#1da1da;--clsgs-accent2:#287cb2}.cls-profile--template-phpbb{--clsgs-accent:#4689db;--clsgs-accent2:#314f9a}.cls-profile--download{--clsgs-accent:#19b8a5;--clsgs-accent2:#0985df}.cls-profile--codelinsoft_wiki{--clsgs-accent:#2aa4c7;--clsgs-accent2:#136ca2}
.cls-profile--note-legali,.cls-profile--privacy,.cls-profile--regolamento-ue-2016-679-del-parlamento-europeo-e-del-consiglio,.cls-profile--teerms-of-use,.cls-profile--faq-in-materia-di-cookie{--clsgs-accent:#60829a;--clsgs-accent2:#204763}
body[class*="cls-profile--"] .clsgs-page-hero{background:radial-gradient(circle at 84% 25%,color-mix(in srgb,var(--clsgs-accent) 30%,transparent),transparent 32%),linear-gradient(120deg,#05324e 0%,color-mix(in srgb,#06334f 72%,var(--clsgs-accent2)) 100%)}
body[class*="cls-profile--"] .clsgs-page-hero:after{border-color:color-mix(in srgb,var(--clsgs-accent) 24%,transparent)}body[class*="cls-profile--"] .clsgs-page-hero .cls-eyebrow{color:var(--clsgs-accent)}body[class*="cls-profile--"] .clsgs-content a{color:var(--clsgs-accent2)}body[class*="cls-profile--"] .clsgs-content h2:before{background:var(--clsgs-accent)}

/* 4.3 — Cantarell everywhere in Studio + five rebuilt "Chi siamo" pages */
.clsgs-block,.clsgs-section,.clsgs-about-page,.clsgs-about-page *,
.clsgs-content,.clsgs-content *{font-family:"Cantarell",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.clsgs-about-page{display:grid;gap:28px;margin:0;padding:0}
.clsgs-about-page>.wp-block-group{margin:0}
.clsgs-about-lead,.clsgs-about-section,.clsgs-about-stats,.clsgs-about-cta{border:1px solid #dce9f1;border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(5,47,75,.07);overflow:hidden}
.clsgs-about-lead{padding:34px;background:linear-gradient(135deg,#eefaff 0%,#fff 72%)}
.clsgs-about-lead__title{max-width:930px;margin:0 0 14px!important;font-size:clamp(28px,3.4vw,44px)!important;line-height:1.08!important;letter-spacing:-.025em}
.clsgs-about-lead__text{max-width:850px;margin:0!important;font-size:17px;line-height:1.7}
.clsgs-about-section{padding:30px}
.clsgs-about-section__title{display:flex;align-items:center;gap:12px;margin:0 0 22px!important;font-size:clamp(26px,3vw,38px)!important}
.clsgs-about-section__title:before{content:"";width:30px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9));flex:0 0 auto}
.clsgs-about-grid{gap:18px!important;margin-bottom:18px!important;align-items:stretch!important}.clsgs-about-grid:last-child{margin-bottom:0!important}
.clsgs-about-card{height:100%;position:relative;padding:22px;border:1px solid #dfeaf2;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fcfe);box-shadow:0 9px 28px rgba(6,45,70,.05)}
.clsgs-about-card__title{margin:0 0 8px!important;font-size:21px!important}.clsgs-about-card__text{margin:0 0 16px!important;color:#4c6678!important}
.clsgs-about-card__button{margin-top:auto}.clsgs-about-card__image{margin:0 0 18px!important}.clsgs-about-card__image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:none!important}
.clsgs-service-card>.clsgs-about-card:before,.clsgs-service-card.clsgs-about-card:before{font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:48px;height:48px;margin-bottom:17px;border-radius:13px;background:linear-gradient(135deg,#0c93f5,#12bde9);color:#fff;font-size:20px;box-shadow:0 10px 22px rgba(7,135,249,.18)}
.clsgs-service-card--web>.clsgs-about-card:before,.clsgs-service-card--web.clsgs-about-card:before{content:"\f0ac"}.clsgs-service-card--joomla>.clsgs-about-card:before,.clsgs-service-card--joomla.clsgs-about-card:before{content:"\f1c9"}.clsgs-service-card--animation>.clsgs-about-card:before,.clsgs-service-card--animation.clsgs-about-card:before{content:"\f008"}.clsgs-service-card--branding>.clsgs-about-card:before,.clsgs-service-card--branding.clsgs-about-card:before{content:"\f1fc"}.clsgs-service-card--wordpress>.clsgs-about-card:before,.clsgs-service-card--wordpress.clsgs-about-card:before{content:"\f19a";font-family:"Font Awesome 6 Brands";font-weight:400}.clsgs-service-card--drupal>.clsgs-about-card:before,.clsgs-service-card--drupal.clsgs-about-card:before{content:"\f1a9";font-family:"Font Awesome 6 Brands";font-weight:400}
.clsgs-about-grid--team{max-width:900px;margin-inline:auto}.clsgs-team-card{text-align:center;padding:28px}.clsgs-team-card .clsgs-about-card__image{max-width:250px;margin:0 auto 18px!important}.clsgs-team-card .clsgs-about-card__image img{aspect-ratio:1/1;border-radius:50%;object-fit:cover;border:6px solid #eef8fc}.clsgs-team-card .clsgs-about-card__text{font-weight:700;color:#648096!important}
.clsgs-skill-card{text-align:center}.clsgs-skill-card:before{content:"\f121";font-family:"Font Awesome 6 Free";font-weight:900;display:block;margin:0 auto 10px;color:var(--clsgs-accent2,#0787f9);font-size:24px}
.clsgs-about-grid--pricing{gap:14px!important}.clsgs-price-card{height:100%;padding:24px;border-radius:17px;border:1px solid #dfeaf2;background:#fff;box-shadow:0 12px 30px rgba(6,45,70,.07);border-top:5px solid #6c5ce7}.clsgs-price--base{border-top-color:#1677ee}.clsgs-price--pro{border-top-color:#24b844}.clsgs-price--business{border-top-color:#b5b800}.clsgs-price-card__name{margin:0 0 8px!important}.clsgs-price-card__price{margin:0 0 14px!important;font-size:36px!important;color:#0b3552!important}.clsgs-price-card__list{min-height:52px;color:#526d7e}.clsgs-price-card__button .wp-block-button__link{width:100%;text-align:center}
.clsgs-about-grid--trends .clsgs-about-card{text-align:center}.clsgs-trend-card:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f058";display:block;margin-bottom:10px;font-size:24px;color:#16bfa2}.clsgs-donor-card{max-width:430px;background:linear-gradient(135deg,#f1fbff,#fff)}
.clsgs-about-stats{padding:24px;background:linear-gradient(135deg,#052f49,#076386);color:#fff}.clsgs-about-grid--stats{margin:0!important}.clsgs-stat-card{text-align:center;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06)}.clsgs-stat-card__value{margin:0!important;color:#fff!important;font-size:36px!important}.clsgs-stat-card__label{margin:4px 0 0!important;color:#d8edf7!important;font-weight:700}
.clsgs-project-card{padding:0;overflow:hidden}.clsgs-project-card .clsgs-about-card__image{margin:0!important}.clsgs-project-card .clsgs-about-card__image img{border-radius:0;aspect-ratio:16/8}.clsgs-project-card .clsgs-about-card__title,.clsgs-project-card .clsgs-about-card__text,.clsgs-project-card .wp-block-buttons{margin-left:22px!important;margin-right:22px!important}.clsgs-project-card .clsgs-about-card__title{margin-top:20px!important}.clsgs-project-card .wp-block-buttons{margin-bottom:22px!important}
.clsgs-about-cta{padding:30px;background:linear-gradient(135deg,#063b59,#087aa1);color:#fff}.clsgs-about-cta__title{margin:0!important;color:#fff!important}.clsgs-about-cta p{color:#d8edf7!important}.clsgs-about-cta .wp-block-button__link{background:#fff!important;color:#075a7c!important}
.clsgs-site-card{padding:0;overflow:hidden}.clsgs-site-card .clsgs-about-card__image{margin:0!important}.clsgs-site-card .clsgs-about-card__image img{border-radius:0;aspect-ratio:16/10}.clsgs-site-card .clsgs-about-card__title,.clsgs-site-card .clsgs-about-card__text,.clsgs-site-card .wp-block-buttons{margin-left:18px!important;margin-right:18px!important}.clsgs-site-card .clsgs-about-card__title{margin-top:18px!important}.clsgs-site-card .wp-block-buttons{margin-bottom:18px!important}.clsgs-site-card .wp-block-button__link:after{content:" \f35d";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8em}
@media(max-width:900px){.clsgs-about-grid{flex-wrap:wrap!important}.clsgs-about-grid>.wp-block-column{flex-basis:calc(50% - 10px)!important;flex-grow:1}.clsgs-about-section{padding:22px}.clsgs-about-lead{padding:26px}}
@media(max-width:620px){.clsgs-about-grid{display:block!important}.clsgs-about-grid>.wp-block-column{margin-bottom:14px}.clsgs-about-section{padding:18px;border-radius:15px}.clsgs-about-lead{padding:20px;border-radius:15px}.clsgs-about-page{gap:18px}}

/* ========================================================================
 * 4.4 — richer Gutenberg compositions for About + Product pages
 * ======================================================================== */
.clsgs-about-page,.clsgs-product-page{--clsgs-panel:#ffffff;--clsgs-ink:#0b3552;--clsgs-muted:#5b7384;--clsgs-line:#dce9f1;position:relative}
.clsgs-about-page:before,.clsgs-product-page:before{content:"";position:absolute;inset:-18px -18px auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--clsgs-accent,#12bde9) 12%,transparent),transparent 70%);pointer-events:none;z-index:-1}
.clsgs-about-lead,.clsgs-product-intro{position:relative;isolation:isolate;border:0!important;background:linear-gradient(135deg,#042f49 0%,#075b7d 56%,color-mix(in srgb,#075b7d 72%,var(--clsgs-accent,#12bde9)) 100%)!important;color:#fff!important;box-shadow:0 24px 65px rgba(4,47,73,.18)!important}
.clsgs-about-lead:after,.clsgs-product-intro:after{content:"";position:absolute;width:250px;height:250px;right:-75px;top:-95px;border:34px solid rgba(255,255,255,.06);border-radius:50%;z-index:-1}
.clsgs-about-lead__title,.clsgs-product-intro__title{color:#fff!important;text-wrap:balance}.clsgs-about-lead__text,.clsgs-product-intro__text{color:#dceff7!important}
.clsgs-about-section,.clsgs-product-panel{position:relative;border:1px solid var(--clsgs-line)!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 18px 50px rgba(5,47,75,.08)!important}
.clsgs-about-section:before,.clsgs-product-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:20px 0 0 20px;background:linear-gradient(180deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9));opacity:.8}
.clsgs-about-card,.clsgs-product-feature,.clsgs-product-download{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background:linear-gradient(180deg,#fff 0%,#f8fcff 100%)!important}
.clsgs-about-card:hover,.clsgs-product-feature:hover,.clsgs-product-download:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--clsgs-accent,#12bde9) 35%,#dfeaf2)!important;box-shadow:0 20px 42px rgba(5,47,75,.12)!important}
.clsgs-about-card__title,.clsgs-product-feature__title,.clsgs-product-download__title{color:var(--clsgs-ink)!important}
.clsgs-about-grid--services .wp-block-column:nth-child(2n) .clsgs-about-card{background:linear-gradient(180deg,#fff,#f5fbff)!important}
.clsgs-about-grid--services .clsgs-about-card{min-height:210px}.clsgs-about-grid--skills .clsgs-about-card{min-height:150px;display:grid;align-content:center}
.clsgs-about-grid--team .clsgs-team-card{background:linear-gradient(180deg,#ffffff 0%,#f4faff 100%)!important}.clsgs-team-card .clsgs-about-card__image img{box-shadow:0 14px 34px rgba(5,47,75,.14)!important}
.clsgs-price-card{position:relative;overflow:hidden}.clsgs-price-card:after{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-45px;border-radius:50%;background:color-mix(in srgb,var(--clsgs-accent,#12bde9) 10%,transparent)}
.clsgs-project-card,.clsgs-site-card{box-shadow:0 15px 38px rgba(5,47,75,.09)!important}.clsgs-project-card .clsgs-about-card__image img,.clsgs-site-card .clsgs-about-card__image img{transition:transform .35s ease}.clsgs-project-card:hover .clsgs-about-card__image img,.clsgs-site-card:hover .clsgs-about-card__image img{transform:scale(1.035)}

.clsgs-product-page{display:grid;gap:28px}.clsgs-product-page>.wp-block-group{margin:0}
.clsgs-product-intro{padding:36px;border-radius:24px;overflow:hidden}.clsgs-product-intro__grid{align-items:center!important;gap:34px!important;margin:0!important}.clsgs-product-intro__copy{display:flex;flex-direction:column;justify-content:center}.clsgs-product-kicker{margin:0 0 10px!important;color:#67ddf6!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em;text-transform:uppercase}.clsgs-product-intro__title{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.02!important;letter-spacing:-.035em;margin:0 0 16px!important}.clsgs-product-intro__text{font-size:17px!important;line-height:1.72!important;max-width:740px;margin:0!important}.clsgs-product-intro__visual{display:flex;align-items:center;justify-content:center}.clsgs-product-intro__image{margin:0!important}.clsgs-product-intro__image img{width:100%;max-height:390px;object-fit:cover;border-radius:18px!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.26)!important}
.clsgs-product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.clsgs-product-badge{display:inline-flex;align-items:center;min-height:31px;padding:5px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.clsgs-product-actions{margin-top:22px!important;gap:10px!important}.clsgs-product-action .wp-block-button__link{border:1px solid rgba(255,255,255,.18)!important;background:#fff!important;color:#075878!important;font-weight:850!important;box-shadow:0 10px 24px rgba(0,0,0,.14)}.clsgs-product-action:nth-child(n+2) .wp-block-button__link{background:rgba(255,255,255,.08)!important;color:#fff!important}
.clsgs-product-panel{padding:30px;border-radius:22px;overflow:hidden}.clsgs-product-section-title{display:flex;align-items:center;gap:12px;margin:0 0 22px!important;font-size:clamp(27px,3.3vw,40px)!important;color:var(--clsgs-ink)!important}.clsgs-product-section-title:before{content:"";width:34px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9));flex:0 0 auto}
.clsgs-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin:0!important}.clsgs-product-grid>.wp-block-column{margin:0!important;min-width:0}.clsgs-product-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.clsgs-product-grid--stack{grid-template-columns:repeat(4,minmax(0,1fr))}.clsgs-product-grid--speed{grid-template-columns:repeat(4,minmax(0,1fr))}
.clsgs-product-feature{height:100%;padding:22px;border:1px solid #dfeaf2;border-radius:17px;box-shadow:0 10px 28px rgba(5,47,75,.055)}.clsgs-product-feature__icon{display:grid!important;place-items:center;width:52px;height:52px;margin:0 0 16px!important;border-radius:15px;background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9));color:#fff!important;font-size:21px!important;box-shadow:0 12px 24px color-mix(in srgb,var(--clsgs-accent,#12bde9) 24%,transparent)}.clsgs-product-feature__title{margin:0 0 7px!important;font-size:20px!important}.clsgs-product-feature__text{margin:0!important;color:var(--clsgs-muted)!important;line-height:1.6!important}
.clsgs-product-gallery__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin:0!important}.clsgs-product-gallery__grid>.wp-block-column{margin:0!important}.clsgs-product-gallery__image{height:100%;margin:0!important}.clsgs-product-gallery__image img{width:100%;height:100%;min-height:215px;aspect-ratio:16/10;object-fit:cover;border-radius:15px!important;border:1px solid #dce9f1;box-shadow:0 13px 30px rgba(5,47,75,.09)!important;transition:transform .24s ease,box-shadow .24s ease}.clsgs-product-gallery__image img:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 42px rgba(5,47,75,.14)!important}
.clsgs-product-downloads__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin:0!important}.clsgs-product-downloads__grid>.wp-block-column{margin:0!important}.clsgs-product-download{height:100%;padding:24px;border:1px solid #dfeaf2;border-radius:18px;box-shadow:0 12px 30px rgba(5,47,75,.06)}.clsgs-product-download__icon{display:grid!important;place-items:center;width:50px;height:50px;margin:0 0 15px!important;border-radius:14px;background:#ebf8ff;color:var(--clsgs-accent2,#0787f9)!important;font-size:22px!important}.clsgs-product-download__title{margin:0 0 7px!important;font-size:21px!important}.clsgs-product-download__text{min-height:48px;margin:0 0 18px!important;color:var(--clsgs-muted)!important}.clsgs-product-download__button .wp-block-button__link{width:100%;text-align:center;background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9))!important;color:#fff!important;font-weight:850!important}
.clsgs-product-warning{padding:22px 24px;border:1px solid #ffd6a0;border-left:5px solid #f4a13d;border-radius:17px;background:linear-gradient(135deg,#fff8ed,#fff);box-shadow:0 10px 28px rgba(145,87,18,.06)}.clsgs-product-warning__text{margin:0!important;color:#6f501d!important}.clsgs-product-warning__text i{margin-right:8px;color:#e58a1e}
.clsgs-product-timeline{position:relative;display:grid;gap:0;padding-left:26px}.clsgs-product-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9))}.clsgs-product-timeline__item{position:relative;padding:0 0 24px 18px}.clsgs-product-timeline__item:last-child{padding-bottom:0}.clsgs-product-timeline__dot{position:absolute;left:-26px;top:8px;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--clsgs-accent,#12bde9);box-shadow:0 0 0 2px color-mix(in srgb,var(--clsgs-accent,#12bde9) 35%,transparent)}.clsgs-product-timeline__item small{display:block;color:var(--clsgs-accent2,#0787f9);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.clsgs-product-timeline__item h3{margin:4px 0 5px!important;color:var(--clsgs-ink)!important}.clsgs-product-timeline__item p{margin:0!important;color:var(--clsgs-muted)!important}
.clsgs-product-cta{padding:32px;border-radius:22px;background:linear-gradient(135deg,#042f49,#087aa1);color:#fff;box-shadow:0 18px 50px rgba(5,47,75,.16)}.clsgs-product-cta__title{color:#fff!important;margin:0 0 8px!important}.clsgs-product-cta p{color:#dceff7!important}.clsgs-product-cta .wp-block-button__link{background:#fff!important;color:#075b7d!important;font-weight:850!important}
.clsgs-product-page--wallpapers .clsgs-product-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.clsgs-product-page--wallpapers .clsgs-product-gallery__image img{aspect-ratio:16/9;min-height:0}
@media(max-width:1180px){.clsgs-product-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.clsgs-product-grid--stack{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.clsgs-product-intro__grid{display:block!important}.clsgs-product-intro__visual{margin-top:26px}.clsgs-product-grid,.clsgs-product-grid--five,.clsgs-product-grid--stack,.clsgs-product-grid--speed,.clsgs-product-gallery__grid,.clsgs-product-downloads__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clsgs-product-panel{padding:23px}}
@media(max-width:620px){.clsgs-product-page{gap:18px}.clsgs-product-intro{padding:24px 20px;border-radius:18px}.clsgs-product-panel{padding:19px;border-radius:17px}.clsgs-product-grid,.clsgs-product-grid--five,.clsgs-product-grid--stack,.clsgs-product-grid--speed,.clsgs-product-gallery__grid,.clsgs-product-downloads__grid,.clsgs-product-page--wallpapers .clsgs-product-gallery__grid{grid-template-columns:1fr}.clsgs-product-intro__title{font-size:36px!important}}
@media (prefers-reduced-motion:reduce){.clsgs-about-card,.clsgs-product-feature,.clsgs-product-download,.clsgs-product-gallery__image img{transition:none!important}}

/* ========================================================================
 * Gutenberg Studio 4.5 — immersive pages
 * Same visual grammar as the homepage: full-width alternating bands, large
 * typography, navy/cyan surfaces, generous whitespace and richer cards.
 * ======================================================================== */
:where(.clsgs-about-page,.clsgs-product-page,.clsgs-studio-page){
  --clsgs-navy:#063b59;--clsgs-navy-deep:#032b43;--clsgs-cyan:#12bde9;
  --clsgs-blue:#0787f9;--clsgs-paper:#fff;--clsgs-soft:#f3f8fb;
  --clsgs-line:#d9e8f1;--clsgs-ink:#092f48;--clsgs-muted:#5b7485;
  display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  font-family:"Cantarell",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
:where(.clsgs-about-page,.clsgs-product-page,.clsgs-studio-page)>*{box-sizing:border-box}

/* Full bands for the five About pages and all product pages. */
.clsgs-about-page>.wp-block-group,
.clsgs-product-page>.wp-block-group{
  position:relative;width:100%!important;max-width:none!important;margin:0!important;
  padding:clamp(52px,6vw,88px) max(24px,calc((100vw - var(--cls-content,1180px))/2))!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;
}
.clsgs-about-page>.wp-block-group:after,
.clsgs-product-page>.wp-block-group:after,
.clsgs-band:after{
  content:"";position:absolute;width:320px;height:320px;right:-150px;top:-165px;
  border:38px solid color-mix(in srgb,var(--clsgs-accent,#12bde9) 8%,transparent);
  border-radius:50%;pointer-events:none;
}
.clsgs-about-page>.wp-block-group:nth-child(even),
.clsgs-product-page>.wp-block-group:nth-child(even){background:var(--clsgs-soft)!important}

/* About: lead behaves as a real landing-page section, not a card. */
.clsgs-about-lead{background:linear-gradient(125deg,#fff 0%,#eefaff 62%,#e8f7fc 100%)!important}
.clsgs-about-lead__title{max-width:980px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.04!important;letter-spacing:-.04em!important;color:var(--clsgs-ink)!important}
.clsgs-about-lead__text{max-width:800px!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.75!important;color:#49677a!important}
.clsgs-about-section__title{font-size:clamp(31px,3.2vw,45px)!important;letter-spacing:-.035em!important;margin:0 0 30px!important}
.clsgs-about-grid{gap:20px!important;margin:0 0 20px!important}.clsgs-about-grid:last-child{margin-bottom:0!important}
.clsgs-about-card,.clsgs-price-card,.clsgs-stat-card{
  border:1px solid rgba(171,205,224,.66)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 14px 34px rgba(5,47,75,.07)!important;padding:25px!important;
}
.clsgs-about-card{overflow:hidden}.clsgs-about-card__image{margin:-25px -25px 22px!important}.clsgs-about-card__image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0!important;box-shadow:none!important}
.clsgs-about-card__title{font-size:clamp(20px,1.6vw,24px)!important;color:var(--clsgs-ink)!important}.clsgs-about-card__text{color:var(--clsgs-muted)!important;line-height:1.68!important}
.clsgs-about-card:hover,.clsgs-price-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(5,47,75,.13)!important}
.clsgs-about-card,.clsgs-price-card{transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.clsgs-about-section--skills,.clsgs-about-section--trends,.clsgs-about-stats,.clsgs-about-cta{
  background:radial-gradient(circle at 88% 12%,rgba(18,189,233,.2),transparent 27%),linear-gradient(125deg,#042f49,#08789b)!important;color:#fff!important;
}
.clsgs-about-section--skills .clsgs-about-section__title,.clsgs-about-section--trends .clsgs-about-section__title,.clsgs-about-stats h2,.clsgs-about-cta h2{color:#fff!important}
.clsgs-about-section--skills .clsgs-about-card,.clsgs-about-section--trends .clsgs-about-card{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.17)!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.clsgs-about-section--skills .clsgs-about-card__title,.clsgs-about-section--trends .clsgs-about-card__title,.clsgs-about-section--skills p,.clsgs-about-section--trends p{color:#fff!important}
.clsgs-about-stats .clsgs-stat-card{background:transparent!important;border:0!important;box-shadow:none!important;text-align:center}.clsgs-about-stats .clsgs-stat-card__value{color:#fff!important;font-size:clamp(38px,4.5vw,62px)!important;margin:0!important}.clsgs-about-stats .clsgs-stat-card__label{color:#bfeafa!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
.clsgs-about-cta{text-align:center}.clsgs-about-cta__title{max-width:860px;margin:0 auto 12px!important;font-size:clamp(32px,4vw,50px)!important}.clsgs-about-cta>p{color:#cfeaf5!important}.clsgs-about-cta .wp-block-buttons{justify-content:center}

/* Products: Display Page supplies the page title; the first band is now a
   visual overview rather than a duplicate second hero/title. */
.clsgs-product-intro{background:linear-gradient(120deg,#fff 0%,#eef9fd 72%,#e7f6fb 100%)!important}
.clsgs-product-intro__grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important;gap:clamp(34px,5vw,72px)!important;align-items:center!important;margin:0!important}
.clsgs-product-intro__grid>.wp-block-column{margin:0!important;min-width:0}
.clsgs-product-kicker{color:var(--clsgs-accent2,#0787f9)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase;margin:0 0 14px!important}
.clsgs-product-intro__lead{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.13!important;letter-spacing:-.032em!important;color:var(--clsgs-ink)!important;font-weight:700!important;margin:0!important;max-width:820px!important}
.clsgs-product-badges{margin-top:24px!important}.clsgs-product-badge{background:#fff!important;color:#204b65!important;border:1px solid #cae2ef!important;box-shadow:0 5px 15px rgba(5,47,75,.05);padding:7px 12px!important}
.clsgs-product-action .wp-block-button__link{background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9))!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px color-mix(in srgb,var(--clsgs-accent2,#0787f9) 24%,transparent)!important}
.clsgs-product-action:nth-child(n+2) .wp-block-button__link{background:#fff!important;color:var(--clsgs-ink)!important;border:1px solid #cfe2ec!important}
.clsgs-product-intro__image{position:relative;margin:0!important}.clsgs-product-intro__image:before{content:"";position:absolute;inset:10% -7% -8% 9%;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--clsgs-accent,#12bde9) 22%,transparent),color-mix(in srgb,var(--clsgs-accent2,#0787f9) 14%,transparent));filter:blur(1px);z-index:0}.clsgs-product-intro__image img{position:relative;z-index:1;width:100%;max-height:450px;aspect-ratio:16/10;object-fit:cover;border-radius:22px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 30px 70px rgba(4,48,74,.2)!important}
.clsgs-product-panel{background:#fff!important}.clsgs-product-panel--features{background:var(--clsgs-soft)!important}.clsgs-product-section-title{font-size:clamp(31px,3.4vw,46px)!important;margin:0 0 30px!important;letter-spacing:-.035em!important;color:var(--clsgs-ink)!important}
.clsgs-product-grid{gap:18px!important}.clsgs-product-feature{border:1px solid #d7e8f1!important;border-radius:20px!important;background:#fff!important;padding:25px!important;box-shadow:0 13px 34px rgba(5,47,75,.065)!important}.clsgs-product-feature__icon{width:56px!important;height:56px!important;border-radius:17px!important;font-size:23px!important}.clsgs-product-feature:hover{transform:translateY(-6px)!important;box-shadow:0 22px 48px rgba(5,47,75,.12)!important}
.clsgs-product-gallery{background:radial-gradient(circle at 85% 10%,rgba(18,189,233,.18),transparent 27%),linear-gradient(125deg,#032e48,#087797)!important}.clsgs-product-gallery .clsgs-product-section-title{color:#fff!important}.clsgs-product-gallery .clsgs-product-section-title:before{background:#61e0fa!important}.clsgs-product-gallery .clsgs-product-gallery__image img{border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 20px 45px rgba(0,0,0,.23)!important;border-radius:18px!important}
.clsgs-product-downloads__grid{gap:18px!important}.clsgs-product-download{border:1px solid #d7e8f1!important;border-radius:20px!important;padding:26px!important;background:linear-gradient(180deg,#fff,#f7fbfe)!important;box-shadow:0 13px 34px rgba(5,47,75,.065)!important}.clsgs-product-download__button .wp-block-button__link{border-radius:11px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--clsgs-accent2,#0787f9) 20%,transparent)!important}
.clsgs-product-panel--timeline{background:var(--clsgs-soft)!important}.clsgs-product-warning{margin:0!important;background:linear-gradient(90deg,#fff7ea,#fff)!important}.clsgs-product-cta{background:radial-gradient(circle at 84% 12%,rgba(18,189,233,.23),transparent 30%),linear-gradient(125deg,#032e48,#087797)!important;text-align:center}.clsgs-product-cta__title{font-size:clamp(32px,4vw,50px)!important}.clsgs-product-cta>p{max-width:760px;margin-inline:auto!important}.clsgs-product-cta .wp-block-buttons{justify-content:center}

/* Joomla family: full-width presentation system. */
.clsgs-band{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:clamp(58px,7vw,98px) max(24px,calc((100vw - var(--cls-content,1180px))/2))!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
.clsgs-band--paper{background:#fff!important}.clsgs-band--soft{background:linear-gradient(180deg,#f3f8fb,#edf6fa)!important}.clsgs-band--deep{background:radial-gradient(circle at 86% 12%,rgba(18,189,233,.23),transparent 29%),linear-gradient(125deg,#032d47,#076f91)!important;color:#fff}.clsgs-band--accent{background:linear-gradient(120deg,#067ca5,#0d93c1)!important;color:#fff;text-align:center}
.clsgs-band__eyebrow{margin:0 0 12px!important;color:var(--clsgs-accent,#12bde9)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase}.clsgs-band--deep .clsgs-band__eyebrow,.clsgs-band--accent .clsgs-band__eyebrow{color:#78e8ff!important}
.clsgs-band__title{max-width:940px;margin:0 0 18px!important;font-size:clamp(35px,4.4vw,62px)!important;line-height:1.03!important;letter-spacing:-.045em!important;color:var(--clsgs-ink)!important}.clsgs-band--deep .clsgs-band__title,.clsgs-band--accent .clsgs-band__title{color:#fff!important}.clsgs-band__lead{max-width:800px;margin:0 0 26px!important;font-size:clamp(17px,1.5vw,20px)!important;line-height:1.72!important;color:var(--clsgs-muted)!important}.clsgs-band--deep .clsgs-band__lead,.clsgs-band--accent .clsgs-band__lead{color:#ccecf7!important}.clsgs-band--accent .clsgs-band__title,.clsgs-band--accent .clsgs-band__lead{margin-inline:auto!important}
.clsgs-showcase-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:clamp(40px,6vw,78px)!important;align-items:center!important;margin:0!important}.clsgs-showcase-grid>.wp-block-column{margin:0!important;min-width:0}.clsgs-showcase-grid--reverse>.wp-block-column:first-child{order:2}.clsgs-showcase-grid--reverse>.wp-block-column:last-child{order:1}
.clsgs-showcase-image{margin:0!important;position:relative}.clsgs-showcase-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px!important;border:1px solid #d9eaf3;box-shadow:0 30px 74px rgba(5,47,75,.2)!important}.clsgs-showcase-placeholder{min-height:360px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#073b59,#0b8ab0);box-shadow:0 30px 74px rgba(5,47,75,.2)}.clsgs-joomla-mark{margin:0!important;color:#fff!important;font-size:120px!important;line-height:1!important}
.clsgs-neo-grid{display:grid!important;gap:18px!important;margin:0!important}.clsgs-neo-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.clsgs-neo-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.clsgs-neo-grid>.wp-block-column{margin:0!important;min-width:0}.clsgs-neo-card{height:100%;padding:26px!important;border:1px solid #d8e8f1!important;border-radius:20px!important;background:#fff!important;box-shadow:0 13px 34px rgba(5,47,75,.065)!important}.clsgs-neo-card__icon{display:grid!important;place-items:center;width:56px;height:56px;margin:0 0 18px!important;border-radius:17px;background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9));color:#fff!important;font-size:23px!important}.clsgs-neo-card__title{margin:0 0 8px!important;font-size:22px!important;color:var(--clsgs-ink)!important}.clsgs-neo-card__text{margin:0!important;color:var(--clsgs-muted)!important;line-height:1.65!important}.clsgs-band--deep .clsgs-neo-card{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important;backdrop-filter:blur(9px)}.clsgs-band--deep .clsgs-neo-card__title,.clsgs-band--deep .clsgs-neo-card__text{color:#fff!important}
.clsgs-tech-orbit{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.clsgs-tech-orbit__item{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;backdrop-filter:blur(8px)}.clsgs-tech-orbit__item i{color:#70e6ff}
.clsgs-template-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;margin:24px 0 0!important}.clsgs-template-grid>.wp-block-column{margin:0!important;min-width:0}.clsgs-template-card{height:100%;display:flex;flex-direction:column;padding:0 0 24px!important;border:1px solid #d8e8f1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 15px 40px rgba(5,47,75,.08)!important;overflow:hidden;transition:transform .23s ease,box-shadow .23s ease}.clsgs-template-card:hover{transform:translateY(-7px);box-shadow:0 27px 58px rgba(5,47,75,.15)!important}.clsgs-template-card__image{margin:0 0 20px!important}.clsgs-template-card__image img{width:100%;height:220px;object-fit:cover;border-radius:0!important;box-shadow:none!important}.clsgs-template-card__visual{height:220px;display:grid;place-items:center;margin-bottom:20px!important;background:linear-gradient(145deg,#073b59,#0b8ab0)}.clsgs-template-card__fallback{margin:0!important;color:#fff!important;font-size:68px!important}.clsgs-template-card__meta{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px;margin-bottom:12px}.clsgs-template-card__meta span,.clsgs-chip-row span,.clsgs-release-line span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9f7fd;color:#146080;font-size:11px;font-weight:850;letter-spacing:.03em}.clsgs-template-card__title{margin:0 22px 7px!important;font-size:24px!important;color:var(--clsgs-ink)!important}.clsgs-template-card__text{margin:0 22px 18px!important;color:var(--clsgs-muted)!important}.clsgs-template-card .wp-block-buttons{margin-top:auto;padding:0 22px}.clsgs-template-card__button .wp-block-button__link{width:100%;justify-content:center}
.clsgs-release-line,.clsgs-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.clsgs-release-line__tier{background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9))!important;color:#fff!important}.clsgs-inline-buttons{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}.clsgs-inline-buttons>.wp-block-buttons{display:inline-flex!important;margin:0!important}.clsgs-button-ghost .wp-block-button__link{background:#fff!important;color:var(--clsgs-ink)!important;border:1px solid #cfe1eb!important}.clsgs-button-light .wp-block-button__link{background:#fff!important;color:#075878!important}.clsgs-button-outline-light .wp-block-button__link{background:transparent!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}.clsgs-band--accent .clsgs-inline-buttons{justify-content:center}
.clsgs-pricing-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px!important;max-width:860px;margin:30px auto 0!important}.clsgs-pricing-grid>.wp-block-column{margin:0!important}.clsgs-price-card{height:100%;padding:30px!important}.clsgs-price-card--featured{border-color:#79dbef!important;box-shadow:0 20px 50px rgba(5,47,75,.14)!important}.clsgs-price-pill{display:inline-flex;margin:0 0 12px!important;padding:6px 10px;border-radius:999px;background:#e8f8fd;color:#0b7396!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em}.clsgs-price-card__price strong{font-size:clamp(38px,4vw,55px);color:var(--clsgs-ink)}.clsgs-price-card__price small{margin-left:4px;color:var(--clsgs-muted)}
.clsgs-anchor{position:relative;top:-110px}.clsgs-template-features .clsgs-neo-grid{margin-top:18px!important}

@media(max-width:1024px){
  .clsgs-product-intro__grid,.clsgs-showcase-grid{grid-template-columns:1fr!important}.clsgs-showcase-grid--reverse>.wp-block-column{order:initial!important}
  .clsgs-product-intro__visual{margin-top:10px}.clsgs-neo-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.clsgs-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .clsgs-about-page>.wp-block-group,.clsgs-product-page>.wp-block-group,.clsgs-band{padding:42px 20px!important}
  .clsgs-product-grid,.clsgs-product-grid--five,.clsgs-product-grid--stack,.clsgs-product-grid--speed,.clsgs-product-gallery__grid,.clsgs-product-downloads__grid,.clsgs-neo-grid--four,.clsgs-neo-grid--three,.clsgs-template-grid,.clsgs-pricing-grid{grid-template-columns:1fr!important}
  .clsgs-about-grid{display:grid!important;grid-template-columns:1fr!important}.clsgs-about-grid>.wp-block-column{margin:0!important}
  .clsgs-product-intro__lead{font-size:30px!important}.clsgs-band__title{font-size:38px!important}.clsgs-showcase-placeholder{min-height:250px}.clsgs-joomla-mark{font-size:84px!important}
}
@media(prefers-reduced-motion:reduce){.clsgs-template-card,.clsgs-about-card,.clsgs-price-card{transition:none!important}}

/* 4.6 — sitemap-driven immersive page rebuild. The outer page is intentionally
   full width; every section becomes a horizontal band like the homepage. */
.clsgs-sitewide-page{width:100%;max-width:none!important;margin:0!important;padding:0!important;background:#fff;overflow:hidden}
.clsgs-sitewide-band{isolation:isolate}
.clsgs-sitewide-band:before,.clsgs-sitewide-band:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}
.clsgs-sitewide-band:before{width:320px;height:320px;right:-130px;top:-155px;border:1px solid rgba(18,189,233,.13);box-shadow:0 0 0 48px rgba(18,189,233,.045),0 0 0 96px rgba(18,189,233,.025)}
.clsgs-sitewide-band.clsgs-band--deep:before{border-color:rgba(105,229,255,.2);box-shadow:0 0 0 48px rgba(105,229,255,.06),0 0 0 96px rgba(105,229,255,.035)}
.clsgs-sitewide-band .clsgs-rich-body{position:relative;max-width:var(--cls-content,1180px);margin:28px auto 0!important;font-size:17px;line-height:1.78;color:#526b7d}
.clsgs-sitewide-band .clsgs-rich-body>*:first-child{margin-top:0!important}.clsgs-sitewide-band .clsgs-rich-body>*:last-child{margin-bottom:0!important}
.clsgs-sitewide-section--intro .clsgs-rich-body{font-size:clamp(18px,1.65vw,22px);line-height:1.72;color:#3d5d72}
.clsgs-sitewide-section--intro .clsgs-rich-body>p:first-of-type{max-width:900px;font-size:clamp(21px,2.2vw,30px);line-height:1.5;color:#123c56;font-weight:650;letter-spacing:-.018em}
.clsgs-sitewide-band h2:not(.clsgs-band__title),.clsgs-sitewide-band h3{color:#0a3550;letter-spacing:-.025em}.clsgs-sitewide-band h3{font-size:clamp(22px,2.2vw,30px)}
.clsgs-sitewide-band .wp-block-columns{gap:22px!important;align-items:stretch}.clsgs-sitewide-band .wp-block-column{min-width:0}
.clsgs-sitewide-band .wp-block-image,.clsgs-sitewide-band figure{margin-top:22px;margin-bottom:22px}.clsgs-sitewide-band img{max-width:100%;height:auto;border-radius:22px;box-shadow:0 24px 58px rgba(4,48,76,.14)}
.clsgs-sitewide-band .wp-block-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}.clsgs-sitewide-band .wp-block-gallery figure{margin:0!important}.clsgs-sitewide-band .wp-block-gallery img{height:100%;min-height:220px;object-fit:cover}
.clsgs-sitewide-band ul,.clsgs-sitewide-band ol{padding-left:1.2em}.clsgs-sitewide-band li{margin:.42em 0}
.clsgs-sitewide-section--features .clsgs-rich-body>ul,.clsgs-sitewide-section--services .clsgs-rich-body>ul,.clsgs-sitewide-section--downloads .clsgs-rich-body>ul,.clsgs-sitewide-section--stats .clsgs-rich-body>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none}
.clsgs-sitewide-section--features .clsgs-rich-body>ul>li,.clsgs-sitewide-section--services .clsgs-rich-body>ul>li,.clsgs-sitewide-section--downloads .clsgs-rich-body>ul>li,.clsgs-sitewide-section--stats .clsgs-rich-body>ul>li{position:relative;margin:0;padding:22px 22px 22px 56px;border:1px solid #d8e8f1;border-radius:19px;background:linear-gradient(180deg,#fff,#f8fcfe);box-shadow:0 13px 34px rgba(5,47,75,.06)}
.clsgs-sitewide-section--features .clsgs-rich-body>ul>li:before,.clsgs-sitewide-section--services .clsgs-rich-body>ul>li:before,.clsgs-sitewide-section--downloads .clsgs-rich-body>ul>li:before,.clsgs-sitewide-section--stats .clsgs-rich-body>ul>li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:18px;top:20px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#12bde9,#0787f9);color:#fff;font-size:12px}
.clsgs-sitewide-section--downloads .clsgs-rich-body>ul>li:before{content:"\f019"}.clsgs-sitewide-section--services .clsgs-rich-body>ul>li:before{content:"\f121"}.clsgs-sitewide-section--stats .clsgs-rich-body>ul>li:before{content:"\f201"}
.clsgs-sitewide-band blockquote{position:relative;margin:34px 0;padding:28px 32px 28px 70px;border:0;border-radius:20px;background:#edf8fd;color:#123c56;font-size:20px;line-height:1.6}.clsgs-sitewide-band blockquote:before{content:"\f10d";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:26px;top:26px;color:#0faed8}
.clsgs-sitewide-band table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d7e7ef;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(5,47,75,.06)}.clsgs-sitewide-band th{padding:14px 16px;background:#073c59;color:#fff;text-align:left}.clsgs-sitewide-band td{padding:13px 16px;border-top:1px solid #e3edf3}.clsgs-sitewide-band tr:nth-child(even) td{background:#f7fbfd}
.clsgs-sitewide-band .wp-block-button__link,.clsgs-sitewide-band a.button,.clsgs-sitewide-band button,.clsgs-sitewide-band input[type=submit]{border-radius:12px!important;font-weight:800;box-shadow:0 12px 28px rgba(7,135,249,.18)}
.clsgs-sitewide-band pre{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#061f30;color:#eafaff;box-shadow:0 20px 46px rgba(0,0,0,.16);overflow:auto}.clsgs-sitewide-band code{font-size:.92em}
.clsgs-sitewide-band form{padding:26px;border:1px solid #d9e9f1;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(5,47,75,.07)}.clsgs-sitewide-band input:not([type=submit]):not([type=checkbox]):not([type=radio]),.clsgs-sitewide-band textarea,.clsgs-sitewide-band select{width:100%;min-height:46px;padding:10px 13px;border:1px solid #cddfe9;border-radius:11px;background:#fafdff;color:#123c56}
.clsgs-sitewide-band.clsgs-band--deep .clsgs-rich-body,.clsgs-sitewide-band.clsgs-band--deep .clsgs-rich-body p,.clsgs-sitewide-band.clsgs-band--deep .clsgs-rich-body li,.clsgs-sitewide-band.clsgs-band--deep h2,.clsgs-sitewide-band.clsgs-band--deep h3,.clsgs-sitewide-band.clsgs-band--deep h4{color:#eaf8ff!important}.clsgs-sitewide-band.clsgs-band--deep a{color:#71e5ff}.clsgs-sitewide-band.clsgs-band--deep blockquote{background:rgba(255,255,255,.08);color:#fff}.clsgs-sitewide-band.clsgs-band--deep table{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07)}.clsgs-sitewide-band.clsgs-band--deep th{background:rgba(0,0,0,.18)}.clsgs-sitewide-band.clsgs-band--deep td{border-color:rgba(255,255,255,.12);background:transparent!important}.clsgs-sitewide-band.clsgs-band--deep form{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.clsgs-sitewide-band .alignwide{max-width:var(--cls-content,1180px);margin-left:auto!important;margin-right:auto!important}.clsgs-sitewide-band .alignfull{width:auto;margin-left:0!important;margin-right:0!important}

@media(max-width:900px){.clsgs-sitewide-section--features .clsgs-rich-body>ul,.clsgs-sitewide-section--services .clsgs-rich-body>ul,.clsgs-sitewide-section--downloads .clsgs-rich-body>ul,.clsgs-sitewide-section--stats .clsgs-rich-body>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.clsgs-sitewide-band .wp-block-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.clsgs-sitewide-section--features .clsgs-rich-body>ul,.clsgs-sitewide-section--services .clsgs-rich-body>ul,.clsgs-sitewide-section--downloads .clsgs-rich-body>ul,.clsgs-sitewide-section--stats .clsgs-rich-body>ul,.clsgs-sitewide-band .wp-block-gallery{grid-template-columns:1fr}.clsgs-sitewide-band .clsgs-rich-body{font-size:16px}.clsgs-sitewide-band blockquote{padding:24px 22px 24px 58px}}


/* 4.6.3 — alignment and visual coherence ---------------------------------- */
.clsgs-about-section:before,.clsgs-product-panel:before{content:none!important;display:none!important}
.clsgs-about-page>.wp-block-group,.clsgs-product-page>.wp-block-group{border-left:0!important}
.clsgs-about-page>.wp-block-group>*,.clsgs-product-page>.wp-block-group>*{width:100%;max-width:var(--cls-content,1180px);margin-left:auto!important;margin-right:auto!important}
.clsgs-band>.wp-block-columns,.clsgs-band>.wp-block-group,.clsgs-band>.clsgs-tech-orbit,.clsgs-band>.wp-block-buttons{width:100%;max-width:var(--cls-content,1180px);margin-left:auto!important;margin-right:auto!important}
.clsgs-band>.clsgs-band__eyebrow,.clsgs-band>.clsgs-band__title,.clsgs-band>.clsgs-band__lead{width:100%;max-width:var(--cls-content,1180px);margin-left:auto!important;margin-right:auto!important}

/* About/Services: a full-width Joomla/WordPress band, matching the homepage. */
.clsgs-about-platforms{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(120deg,#063b59 0%,#08617e 50%,#097d9e 100%)!important;color:#fff;overflow:hidden}
.clsgs-about-platforms:after{content:"";position:absolute;right:-120px;top:-140px;width:340px;height:340px;border:38px solid rgba(107,226,255,.08);border-radius:50%;pointer-events:none}
.clsgs-about-platforms__grid{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;width:100%;max-width:var(--cls-content,1180px);margin:0 auto!important}
.clsgs-about-platforms__grid>.wp-block-column{margin:0!important;padding:54px clamp(28px,4vw,58px)!important;min-width:0}
.clsgs-about-platforms__grid>.wp-block-column+ .wp-block-column{border-left:1px solid rgba(255,255,255,.13)}
.clsgs-platform-slab__icon{display:grid!important;place-items:center;width:62px;height:62px;margin:0 0 20px!important;border:2px solid #39d5f5;border-radius:50%;color:#58ddf7!important;font-size:30px!important}
.clsgs-platform-slab__title{margin:0 0 8px!important;color:#fff!important;font-size:clamp(28px,3vw,42px)!important;letter-spacing:-.035em}
.clsgs-platform-slab__text{max-width:520px;margin:0 0 22px!important;color:#cceaf4!important;line-height:1.7!important}
.clsgs-about-grid--services-four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}

/* Product feature sections become a real dark technology band like Joomla. */
.clsgs-product-panel--features{background:radial-gradient(circle at 88% 10%,rgba(18,189,233,.22),transparent 30%),linear-gradient(120deg,#063b59,#087996)!important;color:#fff!important}
.clsgs-product-panel--features .clsgs-product-section-title,.clsgs-product-panel--features h2,.clsgs-product-panel--features h3{color:#fff!important}
.clsgs-product-panel--features .clsgs-product-feature{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.clsgs-product-panel--features .clsgs-product-feature__title,.clsgs-product-panel--features .clsgs-product-feature__text{color:#fff!important}
.clsgs-product-panel--features .clsgs-product-feature__icon{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18);color:#6ee5ff!important}

@media(max-width:900px){.clsgs-about-platforms__grid,.clsgs-about-grid--services-four{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.clsgs-about-platforms__grid,.clsgs-about-grid--services-four{grid-template-columns:1fr!important}.clsgs-about-platforms__grid>.wp-block-column+ .wp-block-column{border-left:0;border-top:1px solid rgba(255,255,255,.13)}}

/* 4.6.5 — homepage-grade page system + exact shared alignment ---------------- */
.clsgs-page-hero__grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,70px);align-items:center;min-height:250px}
.clsgs-page-hero__copy{position:relative;z-index:2;min-width:0}.clsgs-page-hero__copy .cls-breadcrumbs{margin-top:18px;color:#afd0df}.clsgs-page-hero__copy .cls-breadcrumbs a{color:#d9eff7}
.clsgs-page-hero__visual{position:relative;min-height:210px;align-self:stretch;filter:drop-shadow(0 22px 44px rgba(0,0,0,.14))}
.clsgs-page-hero__orb{position:absolute;display:block;border-radius:50%;border:2px solid rgba(108,228,255,.52);background:rgba(255,255,255,.035);box-shadow:0 0 0 22px rgba(91,218,249,.045),0 0 0 44px rgba(91,218,249,.025)}
.clsgs-page-hero__orb--a{width:158px;height:158px;right:44px;top:26px}.clsgs-page-hero__orb--b{width:74px;height:74px;right:178px;top:112px;border-color:rgba(255,255,255,.26)}
.clsgs-page-hero__glyph{position:absolute;right:72px;top:72px;font:900 46px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#75e5fb;letter-spacing:-.08em}

/* The generic Gutenberg pages now use the same composition as front-page.php:
   full-width section + one shared .cls-shell. */
.clsgs-sitewide-band{padding:clamp(54px,6vw,82px) 0!important}
.clsgs-sitewide-band>.clsgs-sitewide-shell{position:relative;z-index:1;width:min(calc(100% - 40px),var(--cls-content,1180px))!important;max-width:var(--cls-content,1180px)!important;margin:0 auto!important;padding:0!important}
.clsgs-sitewide-band .clsgs-band__eyebrow{margin:0 0 9px!important;font-size:11px!important;letter-spacing:.15em!important}
.clsgs-sitewide-band .clsgs-band__title{max-width:820px!important;margin:0 0 20px!important;font-size:clamp(29px,3.2vw,44px)!important;line-height:1.08!important;letter-spacing:-.036em!important}
.clsgs-sitewide-band .clsgs-rich-body{max-width:none!important;margin:22px 0 0!important;font-size:16px;line-height:1.75}
.clsgs-sitewide-section--intro{background:linear-gradient(125deg,#fff 0%,#f3faff 62%,#eaf7fc 100%)!important}
.clsgs-sitewide-section--intro .clsgs-sitewide-shell{display:block!important}.clsgs-sitewide-section--intro .clsgs-sitewide-shell:has(> .clsgs-band__title){display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:clamp(34px,5vw,72px);align-items:start}
.clsgs-sitewide-section--intro .clsgs-band__eyebrow,.clsgs-sitewide-section--intro .clsgs-band__title{grid-column:1}
.clsgs-sitewide-section--intro .clsgs-rich-body{grid-column:2;grid-row:1 / span 3;margin:0!important;padding:26px 28px;border:1px solid #d6e8f2;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 18px 46px rgba(5,47,75,.08)}
.clsgs-sitewide-section--intro .clsgs-rich-body>p:first-of-type{font-size:clamp(18px,1.7vw,24px)!important;line-height:1.55!important;font-weight:650!important;color:#123c56!important}
.clsgs-sitewide-section--content .clsgs-rich-body,.clsgs-sitewide-section--legal .clsgs-rich-body{max-width:920px!important}
.clsgs-sitewide-section--legal .clsgs-sitewide-shell{max-width:980px!important}.clsgs-sitewide-section--legal .clsgs-rich-body{font-size:16px;line-height:1.86}
.clsgs-sitewide-section--features .clsgs-band__title,.clsgs-sitewide-section--services .clsgs-band__title,.clsgs-sitewide-section--portfolio .clsgs-band__title,.clsgs-sitewide-section--gallery .clsgs-band__title{max-width:720px!important}
.clsgs-sitewide-band .wp-block-columns>.wp-block-column{border-radius:20px}.clsgs-sitewide-band.clsgs-band--paper .wp-block-columns>.wp-block-column,.clsgs-sitewide-band.clsgs-band--soft .wp-block-columns>.wp-block-column{padding:22px;border:1px solid #dbe9f1;background:#fff;box-shadow:0 12px 32px rgba(5,47,75,.055)}
.clsgs-sitewide-band.clsgs-band--deep .wp-block-columns>.wp-block-column{padding:22px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);box-shadow:none}
.clsgs-sitewide-band .wp-block-buttons{margin-top:22px}.clsgs-sitewide-band .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px!important;background:linear-gradient(135deg,var(--clsgs-accent,#12bde9),var(--clsgs-accent2,#0787f9))!important;color:#fff!important;border:0!important;border-radius:10px!important}
.clsgs-sitewide-band.clsgs-band--deep .wp-block-button__link{background:#fff!important;color:#075a79!important}
.clsgs-sitewide-band .wp-block-separator{border:0!important;border-top:1px solid #dce9f1!important;margin:34px 0!important}.clsgs-sitewide-band.clsgs-band--deep .wp-block-separator{border-color:rgba(255,255,255,.18)!important}

@media(max-width:900px){.clsgs-page-hero__grid{grid-template-columns:1fr}.clsgs-page-hero__visual{display:none}.clsgs-sitewide-section--intro .clsgs-sitewide-shell{display:block!important}.clsgs-sitewide-section--intro .clsgs-rich-body{margin-top:24px!important}}
@media(max-width:620px){.clsgs-sitewide-band{padding:42px 0!important}.clsgs-sitewide-band>.clsgs-sitewide-shell{width:min(calc(100% - 24px),var(--cls-content,1180px))!important}.clsgs-sitewide-section--intro .clsgs-rich-body{padding:20px;border-radius:16px}.clsgs-sitewide-band .clsgs-band__title{font-size:32px!important}}


/* 4.6.6 — exact Home width + deterministic text contrast -------------------
   Home uses --cls-content from Nova's Customizer. Studio must never keep a
   separate hard-coded width, and light Gutenberg surfaces must never inherit
   white text from a surrounding dark band. */

/* Existing 4.6.5 pages are fixed immediately; a rebuild is not required. */
.cls-main--studio .clsgs-sitewide-band>.clsgs-sitewide-shell{
  width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
}

/* Accidental positional dark bands from 4.6.5 are rendered as light bands.
   True semantic dark families (gallery/downloads/docs) remain dark. */
.clsgs-sitewide-band.clsgs-band--deep:not(.clsgs-sitewide-section--gallery):not(.clsgs-sitewide-section--downloads):not(.clsgs-sitewide-section--docs){
  background:linear-gradient(180deg,#f3f8fb,#edf6fa)!important;color:var(--clsgs-ink,#092f48)!important;
}
.clsgs-sitewide-band.clsgs-band--deep:not(.clsgs-sitewide-section--gallery):not(.clsgs-sitewide-section--downloads):not(.clsgs-sitewide-section--docs) :is(.clsgs-band__title,h2,h3,h4,p,li,blockquote):not(.has-text-color){
  color:var(--clsgs-ink,#092f48)!important;
}
.clsgs-sitewide-band.clsgs-band--deep:not(.clsgs-sitewide-section--gallery):not(.clsgs-sitewide-section--downloads):not(.clsgs-sitewide-section--docs) .clsgs-band__eyebrow{
  color:var(--clsgs-accent,#12bde9)!important;
}

/* Light surfaces always get dark copy unless the Gutenberg block explicitly
   owns a text color. This prevents inherited #fff on white cards/groups. */
.clsgs-band--paper .clsgs-rich-body,
.clsgs-band--soft .clsgs-rich-body,
.clsgs-sitewide-section--intro .clsgs-rich-body,
.clsgs-about-card,
.clsgs-price-card,
.clsgs-product-feature,
.clsgs-product-download,
.clsgs-neo-card{
  color:var(--clsgs-ink,#092f48)!important;
}
.clsgs-band--paper .clsgs-rich-body :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-band--soft .clsgs-rich-body :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-sitewide-section--intro .clsgs-rich-body :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-about-card :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-price-card :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-product-feature :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-product-download :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color),
.clsgs-neo-card :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color){
  color:var(--clsgs-ink,#092f48)!important;
}

/* A white/base Gutenberg background inside an intentional dark band is a light
   card: its copy must be dark. Explicit has-text-color remains authoritative. */
.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base):not(.has-text-color),
.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base) :is(p,li,h2,h3,h4,h5,h6):not(.has-text-color){
  color:var(--clsgs-ink,#092f48)!important;
}

/* ========================================================================
 * Gutenberg Studio 4.6.7 — fluid full-size layout, contrast and anchors
 * ======================================================================== */
:where(.clsgs-about-page,.clsgs-product-page,.clsgs-studio-page,.clsgs-joomla-page,.clsgs-platform-page){
  --clsgs-page-gutter:var(--cls-gutter,clamp(20px,4vw,72px));
}

/* No desktop max-width: visual bands and their editable content use the full
   viewport width, retaining only the same responsive side gutter as Nova. */
.cls-main--studio .cls-studio-page-canvas,
.cls-main--studio .cls-studio-content,
.cls-main--studio .entry-content,
.clsgs-about-page,
.clsgs-product-page,
.clsgs-studio-page,
.clsgs-joomla-page,
.clsgs-platform-page{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
.clsgs-about-page>.wp-block-group,
.clsgs-product-page>.wp-block-group,
.clsgs-band{
  width:100%!important;max-width:none!important;
  padding-left:var(--clsgs-page-gutter)!important;
  padding-right:var(--clsgs-page-gutter)!important;
}
.clsgs-about-page>.wp-block-group>*,
.clsgs-product-page>.wp-block-group>*,
.clsgs-band>.wp-block-columns,
.clsgs-band>.wp-block-group,
.clsgs-band>.clsgs-tech-orbit,
.clsgs-band>.wp-block-buttons,
.clsgs-band>.clsgs-band__eyebrow,
.clsgs-band>.clsgs-band__title,
.clsgs-band>.clsgs-band__lead,
.clsgs-sitewide-band>.clsgs-sitewide-shell,
.clsgs-about-platforms__grid{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
.clsgs-sitewide-band{padding-left:0!important;padding-right:0!important}
.clsgs-sitewide-band>.clsgs-sitewide-shell{padding-left:var(--clsgs-page-gutter)!important;padding-right:var(--clsgs-page-gutter)!important}
.clsgs-sitewide-section--legal .clsgs-sitewide-shell{max-width:none!important}
.clsgs-sitewide-section--content .clsgs-rich-body,
.clsgs-sitewide-section--legal .clsgs-rich-body{max-width:none!important}
.clsgs-sitewide-band .alignwide,.clsgs-sitewide-band .alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Services ecosystem must stay a real dark full-width band. The old generic
   nth-child background had higher specificity and could turn it white while
   leaving its text white too. */
.clsgs-about-page>.wp-block-group.clsgs-about-platforms{
  padding:0!important;
  background:radial-gradient(circle at 88% 8%,rgba(18,189,233,.22),transparent 30%),linear-gradient(120deg,#063b59 0%,#08617e 52%,#097d9e 100%)!important;
  color:#fff!important;
}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .clsgs-about-platforms__grid{background:transparent!important}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .wp-block-column{background:transparent!important}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms :is(h2,h3,h4,p,li,.clsgs-platform-slab__title):not(.has-text-color){color:#fff!important}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .clsgs-platform-slab__text{color:#d7eff8!important;font-size:16px!important;line-height:1.7!important}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .clsgs-platform-slab__icon{color:#66e5ff!important}

/* Product feature bands such as CAMP are intentionally dark. Keep copy and
   icons bright; do not let the generic light-card hardening win here. */
.clsgs-product-page>.wp-block-group.clsgs-product-panel--features{
  background:radial-gradient(circle at 88% 10%,rgba(18,189,233,.24),transparent 30%),linear-gradient(120deg,#063b59,#087996)!important;
  color:#fff!important;
}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature{
  background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;
}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature :is(h2,h3,h4,p,li,.clsgs-product-feature__title,.clsgs-product-feature__text):not(.has-text-color){color:#f4fbff!important}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature__text{color:#d6edf7!important}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature__icon{color:#72e7ff!important;background:rgba(255,255,255,.12)!important}

/* Other semantic dark surfaces: colour is determined by the surface, never by
   child position. */
.clsgs-about-page>.clsgs-about-section--skills,
.clsgs-about-page>.clsgs-about-section--trends,
.clsgs-about-page>.clsgs-about-stats,
.clsgs-about-page>.clsgs-about-cta,
.clsgs-product-page>.clsgs-product-gallery,
.clsgs-product-page>.clsgs-product-cta,
.clsgs-platform-detail-tech,
.clsgs-sitewide-band.clsgs-band--deep{
  color:#fff!important;
}
.clsgs-about-page>.clsgs-about-section--skills :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-about-page>.clsgs-about-section--trends :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-about-page>.clsgs-about-stats :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-about-page>.clsgs-about-cta :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-product-page>.clsgs-product-gallery :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-product-page>.clsgs-product-cta :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-platform-detail-tech :is(h2,h3,h4,p,li):not(.has-text-color),
.clsgs-sitewide-band.clsgs-band--deep :is(h2,h3,h4,p,li):not(.has-text-color){color:#eefaff!important}

/* Light cards: strong dark titles and readable body copy. */
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-neo-card,.clsgs-sitewide-band.clsgs-band--paper .wp-block-column,.clsgs-sitewide-band.clsgs-band--soft .wp-block-column){
  color:#0b3552!important;
}
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-neo-card) :is(h2,h3,h4,h5,h6):not(.has-text-color){color:#0a3451!important}
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-neo-card) :is(p,li):not(.has-text-color){color:#456477!important}
.clsgs-about-card__title,.clsgs-product-feature__title,.clsgs-product-download h3,.clsgs-neo-card__title{font-weight:800!important;line-height:1.25!important}
.clsgs-about-card__text,.clsgs-product-feature__text,.clsgs-product-download p,.clsgs-neo-card__text{font-size:clamp(15px,1.05vw,17px)!important;line-height:1.68!important}

/* A genuinely white card placed inside a dark surface remains a light card. */
.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base),
.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base) :is(h2,h3,h4,h5,h6,p,li):not(.has-text-color){color:#0b3552!important}

/* Anchors: generated headings receive IDs and original Gutenberg/HTML heading
   anchors are preserved by the rebuild. Sticky header never covers the target. */
.clsgs-content :is(h1,h2,h3,h4,h5,h6)[id],
.clsgs-content .clsgs-anchor,
.clsgs-content .clsgs-anchor-target,
.clsgs-sitewide-page [id]{scroll-margin-top:calc(var(--cls-header-height,82px) + 42px)}
.clsgs-anchor-target{display:block;height:0;visibility:hidden;pointer-events:none}

@media(max-width:900px){
  .clsgs-about-page>.wp-block-group,.clsgs-product-page>.wp-block-group,.clsgs-band{padding-left:clamp(18px,4vw,32px)!important;padding-right:clamp(18px,4vw,32px)!important}
  .clsgs-sitewide-band{padding-left:0!important;padding-right:0!important}
  .clsgs-sitewide-band>.clsgs-sitewide-shell{padding-left:clamp(18px,4vw,32px)!important;padding-right:clamp(18px,4vw,32px)!important}
}

/* 4.6.7 final — Home Gutenberg parity + hard contrast rules ---------------- */
.clsgs-home-template{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.clsgs-home-template>.wp-block-group{margin-top:0!important;margin-bottom:0!important}
.clsgs-home-template .cls-shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--cls-gutter,clamp(20px,4vw,72px))!important;padding-right:var(--cls-gutter,clamp(20px,4vw,72px))!important}
.clsgs-home-template .cls-hero-grid{padding-top:34px!important;padding-bottom:34px!important}
.clsgs-home-template .cls-hero-copy h1{color:#fff!important}
.clsgs-home-template .cls-hero-copy>.clsgs-home-lead{color:#d7ebf5!important;font-size:17px!important;line-height:1.65!important}
.clsgs-home-template .cls-hero-actions>.wp-block-buttons{margin:0!important}
.clsgs-home-template .cls-hero-actions .wp-block-button__link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;padding:12px 19px!important;border-radius:9px!important;background:linear-gradient(135deg,#0c92ff,#0778ee)!important;color:#fff!important;font-weight:800!important;border:1px solid transparent!important;box-shadow:0 10px 24px rgba(0,111,235,.20)!important;text-decoration:none!important}
.clsgs-home-template .cls-hero-actions .clsgs-home-ghost .wp-block-button__link{background:transparent!important;border-color:rgba(255,255,255,.62)!important;box-shadow:none!important}
.clsgs-home-template p.cls-mini-icon,.clsgs-home-template p.cls-platform-symbol,.clsgs-home-template p.cls-feature-icon,.clsgs-home-template p.cls-community-icon{margin:0!important}
.clsgs-home-template .clsgs-home-mini-copy{margin:0!important;line-height:1.2!important;color:#fff!important}.clsgs-home-template .clsgs-home-mini-copy strong,.clsgs-home-template .clsgs-home-mini-copy small{display:block}.clsgs-home-template .clsgs-home-mini-copy small{color:#b9d5e3!important;font-size:11px!important}
.clsgs-home-template .clsgs-home-dashboard{margin:0!important}.clsgs-home-template .clsgs-home-dashboard img{display:block;width:100%;border-radius:18px;filter:drop-shadow(0 24px 25px rgba(0,0,0,.30));border:1px solid rgba(255,255,255,.15)}
.clsgs-home-template .cls-hero-note p,.clsgs-home-template .cls-better{margin:0!important}
.clsgs-home-template .cls-section-head{display:flex!important}.clsgs-home-template .cls-section-head h2{margin:0!important;font-size:22px!important}.clsgs-home-template .cls-section-head p{margin:0!important;font-size:12px!important;color:#758c9c!important}
.clsgs-home-template .cls-product-grid{display:grid!important}.clsgs-home-template .clsgs-home-product-card{min-height:260px!important;padding-bottom:64px!important}.clsgs-home-template .clsgs-home-product-card h3{color:#0b3552!important}.clsgs-home-template .clsgs-home-product-card>p:not(.cls-product-icon){color:#375369!important}.clsgs-home-template .clsgs-home-product-eyebrow{color:#0879db!important;font-size:10px!important;font-weight:800!important}.clsgs-home-template .clsgs-home-product-card>.wp-block-buttons{position:absolute;left:17px;bottom:15px;margin:0!important}.clsgs-home-template .clsgs-home-product-card .wp-block-button__link{padding:0!important;background:transparent!important;color:#0879db!important;box-shadow:none!important;border:0!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
.clsgs-home-template .cls-platforms{width:100%!important;max-width:none!important}.clsgs-home-template .cls-platform{padding-left:var(--cls-gutter,clamp(20px,4vw,72px))!important;padding-right:var(--cls-gutter,clamp(20px,4vw,72px))!important}.clsgs-home-template .cls-platform h2{color:#fff!important}.clsgs-home-template .cls-platform h3{color:#43caee!important}.clsgs-home-template .cls-platform p:not(.cls-platform-symbol):not(.cls-code-mark):not(.cls-watermark){color:#d8eaf4!important}.clsgs-home-template .cls-platform .wp-block-buttons{margin-top:14px!important}.clsgs-home-template .cls-platform .wp-block-button__link{padding:8px 13px!important;font-size:12px!important;background:transparent!important;border:1px solid #2bbce8!important;color:#fff!important;box-shadow:none!important;border-radius:9px!important;text-decoration:none!important}
.clsgs-home-template .cls-feature-strip>.cls-shell{display:grid!important}.clsgs-home-template .clsgs-home-feature{display:flex!important;gap:11px!important;align-items:center!important}.clsgs-home-template .clsgs-home-feature>p:last-child{margin:0!important;line-height:1.25!important}.clsgs-home-template .clsgs-home-feature strong,.clsgs-home-template .clsgs-home-feature small{display:block}.clsgs-home-template .clsgs-home-feature strong{font-size:12px}.clsgs-home-template .clsgs-home-feature small{font-size:10px;color:#718798}
.clsgs-home-template .cls-community-grid{display:grid!important}.clsgs-home-template .cls-community-intro h2{margin:0!important;color:#0b3552!important}.clsgs-home-template .cls-community-intro p{margin:2px 0!important;color:#718798!important}.clsgs-home-template .wp-block-shortcode{margin:0!important}.clsgs-home-template .clsgs-home-quote{margin:0!important;background:#f5f9fc!important;border:1px solid #dbe8f0!important;border-radius:12px!important;padding:16px!important;color:#1b3a52!important}.clsgs-home-template .clsgs-home-quote p{margin:0!important;color:#1b3a52!important}.clsgs-home-template .clsgs-home-quote cite{display:block;margin-top:7px;font-style:normal;font-weight:800;color:#1b3a52!important}

/* Known semantic dark cards always use high-contrast light copy. These rules
   intentionally beat older generic card colour rules and Gutenberg inheritance. */
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature,
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature *,
.clsgs-platform-detail-tech .clsgs-neo-card,
.clsgs-platform-detail-tech .clsgs-neo-card *,
.clsgs-about-page>.wp-block-group.clsgs-about-platforms,
.clsgs-about-page>.wp-block-group.clsgs-about-platforms *{
  color:#f4fbff!important;
}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature__text,
.clsgs-platform-detail-tech .clsgs-neo-card__text,
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .clsgs-platform-slab__text{color:#d7edf7!important}
.clsgs-product-page .clsgs-product-panel--features .clsgs-product-feature__icon,
.clsgs-platform-detail-tech .clsgs-neo-card__icon,
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .clsgs-platform-slab__icon{color:#72e7ff!important}
.clsgs-about-page>.wp-block-group.clsgs-about-platforms .wp-block-button__link{background:#0a87f3!important;color:#fff!important;border-color:#0a87f3!important}

/* Known light cards always use dark headings and neutral body copy. */
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-template-card,.clsgs-sitewide-band.clsgs-band--paper .wp-block-column,.clsgs-sitewide-band.clsgs-band--soft .wp-block-column){color:#0b3552!important}
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-template-card) :is(h1,h2,h3,h4,h5,h6):not(.has-text-color){color:#0a3451!important}
:where(.clsgs-about-card,.clsgs-price-card,.clsgs-product-download,.clsgs-template-card) :is(p,li):not(.has-text-color){color:#456477!important}

/* Deep sitewide bands remain dark, but a white/base child surface switches back
   to dark copy. */
.clsgs-sitewide-band.clsgs-band--deep{color:#f4fbff!important}
.clsgs-sitewide-band.clsgs-band--deep :is(h1,h2,h3,h4,h5,h6,p,li):not(.has-text-color){color:#f4fbff!important}
.clsgs-sitewide-band.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base),
.clsgs-sitewide-band.clsgs-band--deep :is(.has-white-background-color,.has-base-background-color,.has-background-color-white,.has-background-color-base) :is(h1,h2,h3,h4,h5,h6,p,li):not(.has-text-color){color:#0b3552!important}

.clsgs-home-template [id],.clsgs-studio-page [id]{scroll-margin-top:calc(var(--cls-header-height,82px) + 42px)}
@media(max-width:720px){.clsgs-home-template .cls-shell{padding-left:var(--cls-gutter,18px)!important;padding-right:var(--cls-gutter,18px)!important}.clsgs-home-template .cls-section-head{display:block!important}.clsgs-home-template .cls-section-head p{margin-top:5px!important}}

/* ========================================================================
 * Gutenberg Studio 4.6.8 — Home parity and legacy Group-wrapper repair
 * ========================================================================
 * 4.6.7 used Group blocks as CSS grid containers. On WordPress/Gutenberg
 * runtimes that emit .wp-block-group__inner-container, the grid saw a single
 * child and the Home collapsed into one narrow vertical column. 4.6.8 emits
 * Columns for layout-critical rows and also repairs already-saved 4.6.7 Home
 * content, so installing this update fixes the current page immediately.
 */
.clsgs-home-template,
.clsgs-home-template>.wp-block-group__inner-container{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
.clsgs-home-template>.wp-block-group__inner-container>*{
  max-width:none!important;margin-left:0!important;margin-right:0!important;
}
.clsgs-home-template .wp-block-columns{margin-top:0!important;margin-bottom:0!important}
.clsgs-home-template .wp-block-column{min-width:0}

/* Existing 4.6.7 saved markup: let children of the old Group layout wrappers
   participate in the parent flex/grid exactly as if no legacy wrapper existed. */
.clsgs-home-template :is(.cls-hero-grid,.cls-product-grid,.cls-platforms,.cls-mini-features,.cls-hero-actions,.cls-community-grid,.cls-community-intro,.cls-section-head)>.wp-block-group__inner-container,
.clsgs-home-template .cls-feature-strip>.cls-shell>.wp-block-group__inner-container{
  display:contents!important;
}

/* Hero: exact two-column PHP-home geometry. */
.clsgs-home-template .cls-home-hero{width:100%!important;max-width:none!important;margin:0!important}
.clsgs-home-template .cls-hero-grid{
  display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  gap:34px!important;align-items:center!important;min-height:430px!important;
  width:100%!important;max-width:none!important;
  padding:34px var(--cls-gutter,clamp(20px,4vw,72px))!important;
}
.clsgs-home-template .cls-hero-copy,
.clsgs-home-template .cls-hero-visual{width:auto!important;max-width:none!important;margin:0!important}
.clsgs-home-template .cls-eyebrow{margin:0 0 9px!important}
.clsgs-home-template .cls-hero-copy h1{margin:0!important;max-width:660px!important;font-size:clamp(44px,4.9vw,70px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.clsgs-home-template .cls-hero-copy h1 em{font-style:normal!important;color:#13c0ef!important}
.clsgs-home-template .cls-hero-copy .clsgs-home-lead{max-width:640px!important;margin:18px 0!important}
.clsgs-home-template .cls-hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin:24px 0 25px!important}
.clsgs-home-template .cls-hero-actions>.wp-block-button{margin:0!important}
.clsgs-home-template .cls-mini-features{display:flex!important;gap:28px!important;flex-wrap:wrap!important;align-items:center!important}
.clsgs-home-template .clsgs-home-mini-item{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;margin:0!important}
.clsgs-home-template .cls-hero-visual{position:relative!important}
.clsgs-home-template .clsgs-home-dashboard{width:100%!important;max-width:none!important}
.clsgs-home-template .clsgs-home-dashboard img{width:100%!important;height:auto!important;object-fit:contain!important}

/* Products: four cards on desktop, not a single 420px column. */
.clsgs-home-template .cls-home-section{width:100%!important;max-width:none!important;margin:0!important}
.clsgs-home-template .cls-home-section>.wp-block-group__inner-container{width:100%!important;max-width:none!important}
.clsgs-home-template .cls-home-section .cls-shell{width:100%!important;max-width:none!important;padding-left:var(--cls-gutter,clamp(20px,4vw,72px))!important;padding-right:var(--cls-gutter,clamp(20px,4vw,72px))!important}
.clsgs-home-template .cls-product-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
  width:100%!important;max-width:none!important;margin:0!important;
}
.clsgs-home-template .cls-product-grid>.wp-block-column,
.clsgs-home-template .cls-product-grid>.wp-block-group__inner-container>.wp-block-group{
  width:auto!important;max-width:none!important;margin:0!important;
}
.clsgs-home-template .clsgs-home-product-card{height:100%!important;min-height:260px!important;position:relative!important;padding:17px 17px 64px!important}
.clsgs-home-template .clsgs-home-product-card p:not(.cls-product-icon){color:#375369!important}
.clsgs-home-template .clsgs-home-card-actions{position:absolute!important;left:17px!important;bottom:15px!important;margin:0!important}

/* Joomla / WordPress row. */
.clsgs-home-template .cls-platforms{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  width:100%!important;max-width:none!important;margin:0!important;
}
.clsgs-home-template .cls-platform{display:flex!important;gap:24px!important;align-items:center!important;min-height:185px!important;margin:0!important}
.clsgs-home-template .clsgs-home-platform-copy{min-width:0!important;margin:0!important}
.clsgs-home-template .clsgs-home-platform-copy>.wp-block-group__inner-container{display:block!important}
.clsgs-home-template .clsgs-home-platform-actions{margin:14px 0 0!important}

/* Feature strip and community use their native desktop grids. */
.clsgs-home-template .clsgs-home-features-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:13px var(--cls-gutter,clamp(20px,4vw,72px))!important;
}
.clsgs-home-template .clsgs-home-feature{display:flex!important;gap:11px!important;align-items:center!important;margin:0!important}
.clsgs-home-template .cls-community-grid{
  display:grid!important;grid-template-columns:minmax(320px,1.15fr) minmax(360px,.9fr) minmax(300px,.75fr)!important;
  gap:28px!important;align-items:center!important;width:100%!important;max-width:none!important;margin:0!important;
  padding-left:var(--cls-gutter,clamp(20px,4vw,72px))!important;padding-right:var(--cls-gutter,clamp(20px,4vw,72px))!important;
}
.clsgs-home-template .cls-community-intro{display:flex!important;align-items:center!important;gap:19px!important;margin:0!important}
.clsgs-home-template .clsgs-home-stats-column,
.clsgs-home-template .clsgs-home-quote-column{min-width:0!important;margin:0!important}
.clsgs-home-template .clsgs-home-live-stats{width:100%!important}

@media(max-width:1100px){
  .clsgs-home-template .cls-hero-grid{grid-template-columns:1fr!important}
  .clsgs-home-template .cls-hero-visual{max-width:760px!important}
  .clsgs-home-template .cls-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .clsgs-home-template .cls-platforms{grid-template-columns:1fr!important}
  .clsgs-home-template .cls-community-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .clsgs-home-template .cls-hero-grid{padding:28px var(--cls-gutter,18px)!important}
  .clsgs-home-template .cls-hero-copy h1{font-size:42px!important}
  .clsgs-home-template .cls-product-grid{grid-template-columns:1fr!important}
  .clsgs-home-template .clsgs-home-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .clsgs-home-template .cls-platform{align-items:flex-start!important}
}
/* 4.6.8 compatibility for product cards saved by 4.6.7. */
.clsgs-home-template .clsgs-home-product-card .wp-block-buttons{position:absolute!important;left:17px!important;bottom:15px!important;margin:0!important}
.clsgs-home-template .clsgs-home-product-card :is(p,h3):not(.has-text-color){color:#375369!important}
.clsgs-home-template .clsgs-home-product-card h3:not(.has-text-color){color:#0b3552!important}


/* ========================================================================
 * Gutenberg Studio 4.6.9 — services parity, blog layout and icon hardening
 * ======================================================================== */
/* Services: Joomla/WordPress must always be the dark technology band shown in
   the design, regardless of legacy core/columns layout classes. */
body.cls-layout--services .clsgs-about-page>.wp-block-group.clsgs-about-platforms,
.clsgs-about-page>.wp-block-group.clsgs-about-platforms{
  position:relative!important;overflow:hidden!important;padding:0!important;
  background:radial-gradient(circle at 90% 10%,rgba(64,222,255,.20),transparent 30%),linear-gradient(115deg,#073e5d 0%,#076984 53%,#0986a5 100%)!important;
  color:#fff!important;border:0!important;border-radius:0!important;
}
body.cls-layout--services .clsgs-about-platforms__grid,
.clsgs-about-page .clsgs-about-platforms__grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  width:100%!important;max-width:none!important;margin:0!important;background:transparent!important;
}
body.cls-layout--services .clsgs-about-platforms__grid>.wp-block-column,
.clsgs-about-page .clsgs-about-platforms__grid>.wp-block-column{
  min-height:350px!important;margin:0!important;padding:52px var(--clsgs-page-gutter,var(--cls-gutter,clamp(20px,4vw,72px)))!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.cls-layout--services .clsgs-about-platforms__grid>.wp-block-column+.wp-block-column,
.clsgs-about-page .clsgs-about-platforms__grid>.wp-block-column+.wp-block-column{border-left:1px solid rgba(255,255,255,.22)!important}
.clsgs-about-platforms :is(.clsgs-platform-slab__title,h2,h3,h4):not(.has-text-color){color:#fff!important}
.clsgs-about-platforms .clsgs-platform-slab__text,.clsgs-about-platforms p:not(.has-text-color){color:#d8f0f8!important}
.clsgs-about-platforms .clsgs-platform-slab__icon{color:#70e8ff!important;border-color:#4bdcf8!important;background:rgba(255,255,255,.04)!important}
.clsgs-about-platforms .wp-block-button__link{background:#0b86f3!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important}

/* Font Awesome classes embedded in generated core blocks must survive global
   theme typography rules. */
.entry-content :is(i.fa,i.fas,i.far,i.fa-solid,i.fa-regular),
.clsgs-content :is(i.fa,i.fas,i.far,i.fa-solid,i.fa-regular){font-family:"Font Awesome 6 Free"!important;font-style:normal!important}
.entry-content :is(i.fas,i.fa-solid),.clsgs-content :is(i.fas,i.fa-solid){font-weight:900!important}
.entry-content :is(i.far,i.fa-regular),.clsgs-content :is(i.far,i.fa-regular){font-weight:400!important}
.entry-content :is(i.fab,i.fa-brands),.clsgs-content :is(i.fab,i.fa-brands){font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-weight:400!important}

/* Blog and articles: the site stays full-width, but the reading pair is a
   deliberately centred composition so the sidebar is not stranded at the far
   right of a wide monitor. */
body .cls-shell.cls-blog-shell{
  width:min(calc(100% - 40px),1320px)!important;max-width:1320px!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;
}
.cls-blog-main{background:linear-gradient(180deg,#f7fbfe 0%,#f1f7fb 100%)!important}
.cls-blog-layout{display:grid!important;grid-template-columns:minmax(0,920px) minmax(280px,330px)!important;gap:28px!important;justify-content:center!important;align-items:start!important}
.cls-blog-layout--single .cls-article-card{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(24px,3vw,42px)!important}
.cls-blog-layout--single .cls-featured{display:flex;justify-content:center;margin:0 0 30px!important;padding:14px;border:1px solid #e0ebf2;border-radius:18px;background:linear-gradient(180deg,#fff,#f6fbfe)}
.cls-blog-layout--single .cls-featured img{width:auto!important;max-width:100%!important;max-height:600px!important;object-fit:contain!important;border-radius:14px!important}
.cls-blog-layout--single .cls-article-content{max-width:820px;margin-inline:auto!important}
.cls-blog-layout--single .cls-article-footer{max-width:820px;margin-left:auto!important;margin-right:auto!important}
.cls-blog-feed{min-width:0}
.cls-post-grid--blog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.cls-post-grid--blog .cls-post-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border-color:#d9e8f1!important;box-shadow:0 14px 34px rgba(5,47,75,.07)!important}
.cls-post-grid--blog .cls-post-card:hover{transform:translateY(-4px);border-color:#b9dff0!important;box-shadow:0 20px 44px rgba(5,47,75,.12)!important}
.cls-post-grid--blog .cls-post-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(280px,.95fr);min-height:300px}
.cls-post-grid--blog .cls-post-card--lead .cls-post-thumb{height:100%;aspect-ratio:auto;min-height:300px}
.cls-post-grid--blog .cls-post-card--lead .cls-post-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,44px)}
.cls-post-grid--blog .cls-post-card--lead h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}
.cls-post-body h2 a{color:#0a3552!important}.cls-post-body h2 a:hover{color:#087fe7!important}
.cls-post-meta{display:inline-flex;align-items:center;gap:8px;color:#6d8798!important;font-size:11px!important;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.cls-text-link{color:#0784eb!important}

/* Sidebar uses the same navy/cyan visual language as the template. */
.cls-blog-shell .cls-sidebar{display:grid!important;gap:16px!important;align-content:start!important}
.cls-blog-shell .cls-widget{position:relative;overflow:hidden;margin:0!important;padding:21px!important;border:1px solid #cfe3ee!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#f4fbff 100%)!important;box-shadow:0 13px 32px rgba(5,47,75,.065)!important;color:#294d64!important}
.cls-blog-shell .cls-widget:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#0a83ef,#18c4e9)}
.cls-blog-shell .cls-widget__title{margin:2px 0 15px!important;color:#093b59!important;font-size:18px!important;letter-spacing:.01em}
.cls-blog-shell .cls-widget a{color:#087fe7!important}.cls-blog-shell .cls-widget p,.cls-blog-shell .cls-widget li{color:#385b70!important}
.cls-blog-shell .cls-widget input[type=search]{background:#fff!important;border-color:#c9dfe9!important}.cls-blog-shell .cls-widget input[type=submit]{background:linear-gradient(135deg,#0b8df5,#0877e9)!important}
.cls-pagination{margin-top:28px}.cls-pagination ul,.navigation.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.cls-pagination a,.cls-pagination span,.navigation.pagination .page-numbers{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #d4e6ef;border-radius:10px;background:#fff;color:#0a567c;font-weight:750}.cls-pagination .current,.navigation.pagination .current{background:#087fe7;color:#fff;border-color:#087fe7}
@media(max-width:980px){.cls-blog-layout{grid-template-columns:1fr!important}.cls-blog-shell .cls-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cls-post-grid--blog .cls-post-card--lead{grid-template-columns:1fr!important}.cls-post-grid--blog .cls-post-card--lead .cls-post-thumb{min-height:260px;aspect-ratio:16/9}}
@media(max-width:680px){body .cls-shell.cls-blog-shell{width:min(calc(100% - 24px),1320px)!important}.cls-post-grid--blog{grid-template-columns:1fr!important}.cls-blog-shell .cls-sidebar{grid-template-columns:1fr!important}.cls-blog-layout--single .cls-article-card{padding:20px!important}.clsgs-about-platforms__grid{grid-template-columns:1fr!important}.clsgs-about-platforms__grid>.wp-block-column{min-height:auto!important;padding:38px 24px!important}.clsgs-about-platforms__grid>.wp-block-column+.wp-block-column{border-left:0!important;border-top:1px solid rgba(255,255,255,.22)!important}}

/* Studio 4.7.0 — preserve FA glyph families against global Cantarell rules. */
.clsgs-content :is(i.fa,i.fas,i.far,i.fa-solid,i.fa-regular),
.clsgs-content :is(.fa,.fas,.far,.fa-solid,.fa-regular)::before,
.clsgs-content :is(.fa,.fas,.far,.fa-solid,.fa-regular)::after{font-family:"Font Awesome 6 Free"!important;font-style:normal!important}
.clsgs-content :is(i.fas,i.fa-solid),.clsgs-content :is(.fas,.fa-solid)::before,.clsgs-content :is(.fas,.fa-solid)::after{font-weight:900!important}
.clsgs-content :is(i.far,i.fa-regular),.clsgs-content :is(.far,.fa-regular)::before,.clsgs-content :is(.far,.fa-regular)::after{font-weight:400!important}
.clsgs-content :is(i.fab,i.fa-brands),
.clsgs-content :is(.fab,.fa-brands)::before,
.clsgs-content :is(.fab,.fa-brands)::after{font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-weight:400!important}