.elementor-142 .elementor-element.elementor-element-d1e270c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2786cee *//* ═══════ PAGE: REGULATION ═══════ */
.reg-hero{padding:5rem 0 3rem;background:var(--ink);position:relative;overflow:hidden}
.reg-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(255,92,92,0.06),transparent 65%);pointer-events:none}
.reg-hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center}
.reg-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;color:#fff;letter-spacing:-0.03em;line-height:1.08;margin-bottom:1rem}
.reg-hero h1 em{font-style:italic;color:var(--coral)}
.reg-hero-p{font-size:1.05rem;color:var(--t400);line-height:1.65;max-width:500px;margin-bottom:2rem}
.reg-hero-badges{display:flex;gap:0.5rem;flex-wrap:wrap}
.reg-badge{padding:0.4rem 0.85rem;border:1px solid rgba(255,255,255,0.08);border-radius:999px;font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.5)}

/* Countdown card */
.reg-countdown{background:var(--ink2);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:2.5rem 2rem;text-align:center}
.reg-countdown-label{font-size:0.72rem;font-weight:700;color:var(--coral);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1.25rem}
.reg-countdown-nums{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}
.reg-cd-block .num{font-family:var(--mono);font-size:2.8rem;font-weight:700;color:#fff;line-height:1}
.reg-cd-block .lbl{font-size:0.62rem;color:var(--t400);text-transform:uppercase;letter-spacing:0.08em;margin-top:0.25rem}
.reg-countdown-date{font-size:0.88rem;color:var(--t400);margin-bottom:1.25rem}
.reg-countdown-date strong{color:#fff}
.reg-countdown .btn{display:inline-flex;padding:0.75rem 1.75rem}

/* Sectors */
.reg-sectors{padding:5rem 0}
.reg-sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.reg-sector{padding:2rem;background:#fff;border:1px solid var(--sand);border-radius:14px;transition:0.3s}
.reg-sector:hover{border-color:var(--coral);box-shadow:0 4px 16px rgba(255,92,92,0.06)}
.reg-sector-ico{width:40px;height:40px;border-radius:10px;background:var(--coral-soft);display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem}
.reg-sector-ico svg{width:20px;height:20px;stroke:var(--coral);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reg-sector h3{font-size:0.95rem;font-weight:700;color:var(--t900);margin-bottom:0.3rem}
.reg-sector p{font-size:0.82rem;color:var(--t500);line-height:1.6}

/* Timeline */
.reg-timeline{padding:5rem 0;background:var(--warm)}
.reg-tl-items{display:flex;flex-direction:column;gap:0;margin-top:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;border-left:2px solid var(--sand);padding-left:2rem;position:relative}
.reg-tl-item{padding-bottom:2.5rem;position:relative}
.reg-tl-item:last-child{padding-bottom:0}
.reg-tl-item::before{content:'';position:absolute;left:-2rem;top:0.2rem;width:12px;height:12px;border-radius:50%;background:var(--sand);border:2px solid var(--warm);margin-left:-5px}
.reg-tl-item.active::before{background:var(--coral);border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,92,92,0.15)}
.reg-tl-date{font-family:var(--mono);font-size:0.7rem;font-weight:600;color:var(--coral);margin-bottom:0.25rem}
.reg-tl-item:not(.active) .reg-tl-date{color:var(--t400)}
.reg-tl-item h3{font-size:1rem;font-weight:700;color:var(--t900);margin-bottom:0.25rem}
.reg-tl-item p{font-size:0.84rem;color:var(--t500);line-height:1.6}

/* Penalties */
.reg-penalties{padding:5rem 0}
.reg-pen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.reg-pen-card{padding:2rem;background:#fff;border:1px solid var(--sand);border-radius:14px;text-align:center;transition:0.3s}
.reg-pen-card:hover{border-color:var(--coral);box-shadow:0 4px 16px rgba(255,92,92,0.06)}
.reg-pen-num{font-family:var(--serif);font-size:2.8rem;color:var(--coral);line-height:1;margin-bottom:0.35rem}
.reg-pen-card h3{font-size:0.95rem;font-weight:700;color:var(--t900);margin-bottom:0.25rem}
.reg-pen-card p{font-size:0.82rem;color:var(--t500);line-height:1.5}

/* What WCAG Guard does */
.reg-solution{padding:5rem 0;background:var(--ink)}
.reg-sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}
.reg-sol-card{padding:2rem;background:var(--ink2);border:1px solid rgba(255,255,255,0.06);border-radius:14px;transition:0.3s}
.reg-sol-card:hover{border-color:rgba(255,255,255,0.12);background:var(--ink3)}
.reg-sol-card h3{font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:0.35rem}
.reg-sol-card p{font-size:0.82rem;color:var(--t400);line-height:1.6}

/* SEO */
.reg-seo{padding:5rem 0}
.reg-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem}
.reg-seo-block{padding:2rem;background:var(--warm);border-radius:14px;border:1px solid var(--sand)}
.reg-seo-block .mono-label{font-family:var(--mono);font-size:0.62rem;font-weight:500;color:var(--coral);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.6rem}
.reg-seo-block h3{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin-bottom:0.75rem;line-height:1.25}
.reg-seo-block p{font-size:0.86rem;color:var(--t500);line-height:1.75}
.reg-seo-block p strong{color:var(--t700)}

.reg-cta{padding:4rem 0;text-align:center}
.reg-cta h2{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:400;color:var(--ink);letter-spacing:-0.02em;margin-bottom:0.6rem}
.reg-cta p{font-size:0.92rem;color:var(--t500);max-width:460px;margin:0 auto 1.5rem;line-height:1.6}

.faq-item.open .faq-a{max-height:400px}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-item:hover{border-color:var(--t200) !important}

@media(max-width:900px){
  .reg-hero-grid{grid-template-columns:1fr}
  .reg-sectors-grid,.reg-pen-grid,.reg-sol-grid{grid-template-columns:1fr}
  .reg-seo-grid{grid-template-columns:1fr}
}/* End custom CSS */