/*
 * CILINK — Visual refinement v2
 * هدف: تایپوگرافی دقیق‌تر، فضای خالی بیشتر، کارت‌های کم‌خط، آیکون‌های بدون قاب‌های تکراری.
 * بدون وابستگی به اجرای JavaScript؛ متن‌ها در همه شرایط قابل مشاهده‌اند.
 */
:root{
  --cl-ink:#172b3a;
  --cl-muted:#62717a;
  --cl-teal:#087f75;
  --cl-teal-dark:#075d58;
  --cl-mint:#e7f4ef;
  --cl-paper:#fbfaf7;
  --cl-white:#ffffff;
  --cl-line:#e8e9e4;
  --cl-coral:#e78a6f;
  --cl-lime:#d9e8a6;
  --cl-radius:22px;
  --cl-shadow:0 14px 40px rgba(23,43,58,.07);
}
html{scroll-behavior:smooth}
body{color:var(--cl-ink)}
/* General rhythm */
.elementor-widget-heading .elementor-heading-title{letter-spacing:-.035em;line-height:1.35}
.elementor-widget-text-editor,.elementor-widget-text-editor p{line-height:2;color:var(--cl-muted)}
.elementor-widget-button .elementor-button{font-weight:600;letter-spacing:-.01em}
.elementor-button{border-radius:999px!important;padding:15px 25px!important;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.elementor-button:hover{transform:translateY(-2px)}
/* Hero: light editorial canvas, not a wall of dark boxes */
.cl-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:
   radial-gradient(ellipse at 82% 18%,rgba(8,127,117,.10),transparent 31%),
   radial-gradient(ellipse at 10% 90%,rgba(231,138,111,.10),transparent 27%),
   var(--cl-paper)!important;
 padding-top:clamp(54px,7vw,100px)!important;
 padding-bottom:clamp(54px,7vw,100px)!important;
}
.cl-hero:before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.28;
 background-image:radial-gradient(rgba(23,43,58,.12) .7px,transparent .7px);
 background-size:22px 22px;
 mask-image:linear-gradient(110deg,transparent 5%,#000 70%,transparent 100%);
}
.cl-hero-row{position:relative;z-index:1;max-width:1180px!important;margin-inline:auto!important;align-items:center!important;gap:clamp(34px,5vw,76px)!important}
.cl-hero-copy{max-width:610px}
.cl-hero-copy .elementor-widget-heading:not(.cl-eyebrow) .elementor-heading-title{
 font-size:clamp(38px,4.5vw,64px);font-weight:800;line-height:1.22;color:var(--cl-ink)
}
.cl-hero-copy .elementor-widget-text-editor{max-width:550px;font-size:17px}
.cl-eyebrow .elementor-heading-title{
 display:inline-flex;align-items:center;gap:9px;
 color:var(--cl-teal)!important;background:transparent!important;border:0!important;
 padding:0!important;border-radius:0!important;font-size:13px!important;font-weight:700;letter-spacing:.02em;
}
.cl-eyebrow .elementor-heading-title:before{content:"";display:inline-block;width:25px;height:2px;background:var(--cl-coral);border-radius:3px}
.cl-hero-benefits{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}
.cl-hero-benefits .cl-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.cl-hero-benefits .elementor-icon-box-wrapper{display:flex;align-items:center;gap:10px;text-align:right}
.cl-hero-benefits .elementor-icon-box-icon{margin:0!important;line-height:1}
.cl-hero-benefits .elementor-icon{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--cl-teal)!important;font-size:18px!important}
.cl-hero-benefits .elementor-icon-box-title{font-size:14px;font-weight:700;color:var(--cl-ink)}
.cl-hero-benefits .elementor-icon-box-description{font-size:12px;color:var(--cl-muted)}
/* Main hero visual: one strong composition instead of many outlined tiles */
.cl-hero-visual{position:relative;max-width:475px!important;width:100%;margin-inline:auto!important;transform:none!important;animation:none!important}
.cl-visual-main{
 position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:center;
 padding:clamp(32px,4vw,56px)!important;border-radius:34px!important;overflow:hidden;
 background:linear-gradient(145deg,#123c45 0%,#0c292f 65%,#0b242b 100%)!important;
 box-shadow:0 30px 70px rgba(11,41,47,.18)!important;border:0!important;color:#fff;
}
.cl-visual-main:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:-70px;top:-85px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}
.cl-visual-main:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--cl-lime);opacity:.95;right:26px;top:24px;filter:blur(.2px)}
.cl-visual-main .elementor-widget-heading,.cl-visual-main .elementor-widget-text-editor{position:relative;z-index:1}
.cl-visual-main .elementor-widget-heading .elementor-heading-title{color:#fff!important;font-size:clamp(31px,3vw,43px);font-weight:800;line-height:1.3}
.cl-visual-main .elementor-widget-text-editor,.cl-visual-main .elementor-widget-text-editor p{color:rgba(255,255,255,.72)!important}
.cl-visual-main .elementor-widget-heading:first-child .elementor-heading-title{color:#c4e5d8!important;font-size:13px!important;font-weight:700}
.cl-floating-cards{position:absolute;inset:auto -18px 28px -18px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}
.cl-floating-cards .cl-card{
 pointer-events:auto;flex:1;max-width:190px;background:rgba(255,255,255,.97)!important;
 border:0!important;border-radius:17px!important;padding:16px 18px!important;
 box-shadow:0 15px 40px rgba(10,35,40,.13)!important;transform:none!important;
}
.cl-floating-cards .elementor-widget-heading .elementor-heading-title{color:var(--cl-ink)!important;font-size:15px!important;font-weight:750}
.cl-floating-cards .elementor-widget-heading:first-child .elementor-heading-title{color:var(--cl-teal)!important;font-size:20px!important}
.cl-floating-cards .elementor-widget-text-editor,.cl-floating-cards .elementor-widget-text-editor p{font-size:12px;line-height:1.7;margin:0}
.cl-visual-tag{align-self:flex-start!important;position:relative;margin-top:-20px;margin-right:24px;z-index:2;background:var(--cl-lime)!important;border:0!important;border-radius:999px!important;padding:10px 18px!important;box-shadow:none!important}
.cl-visual-tag .elementor-widget-heading .elementor-heading-title{font-size:14px!important;color:var(--cl-ink)!important}
.cl-visual-tag .elementor-widget-text-editor,.cl-visual-tag .elementor-widget-text-editor p{font-size:11px!important;color:#45534b!important;margin:0}
/* Content sections */
.cl-features,.cl-audience,.cl-start-paths,.cl-cta-section{
 position:relative;padding:clamp(62px,7vw,100px) 24px!important;
}
.cl-features,.cl-start-paths{background:var(--cl-white)!important}
.cl-audience{background:#f2f5f0!important}
.cl-cta-section{background:var(--cl-paper)!important}
.cl-section-title{max-width:760px!important;margin:0 auto 38px!important;text-align:center;align-items:center!important}
.cl-section-title .elementor-widget-heading:not(.cl-eyebrow) .elementor-heading-title{font-size:clamp(29px,3vw,43px);font-weight:800;color:var(--cl-ink)}
.cl-section-title .elementor-widget-text-editor{max-width:650px}
.cl-card{
 border:0!important;border-radius:var(--cl-radius)!important;
 background:#fff!important;box-shadow:0 8px 30px rgba(23,43,58,.045)!important;
 transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.cl-card:hover{transform:translateY(-3px);box-shadow:0 17px 42px rgba(23,43,58,.085)!important}
.cl-features .cl-card,.cl-start-paths .cl-card{padding:clamp(22px,2.5vw,34px)!important}
.cl-features .elementor-icon-box-wrapper{text-align:right}
.cl-features .elementor-icon-box-icon{margin:0 0 18px!important}
.cl-features .elementor-icon-box-icon .elementor-icon{
 background:var(--cl-mint)!important;color:var(--cl-teal)!important;
 border:0!important;border-radius:14px!important;width:44px;height:44px;
 display:inline-flex;align-items:center;justify-content:center;font-size:19px!important;
}
.cl-features .elementor-icon-box-title{font-size:18px;font-weight:750;color:var(--cl-ink);margin-bottom:8px}
.cl-features .elementor-icon-box-description{font-size:14px;line-height:1.9;color:var(--cl-muted)}
/* Audience split */
.cl-audience>.e-con-inner{max-width:1180px;margin-inline:auto;gap:clamp(28px,5vw,72px)!important}
.cl-audience .cl-card{padding:clamp(26px,3vw,42px)!important}
.cl-audience .cl-card .elementor-widget-heading .elementor-heading-title{font-size:clamp(24px,2.5vw,34px);font-weight:800}
.cl-audience .cl-card:first-child{background:var(--cl-teal-dark)!important;color:#fff!important}
.cl-audience .cl-card:first-child .elementor-heading-title,.cl-audience .cl-card:first-child .elementor-widget-text-editor,.cl-audience .cl-card:first-child .elementor-widget-text-editor p{color:#fff!important}
.cl-audience .cl-card:first-child .cl-eyebrow .elementor-heading-title{color:#c5e9d9!important}
.cl-audience .cl-card:first-child .elementor-button{background:var(--cl-lime)!important;color:var(--cl-ink)!important}
/* CTA */
.cl-cta-section .cl-card{
 max-width:1180px!important;margin-inline:auto!important;padding:clamp(30px,5vw,64px)!important;
 background:linear-gradient(115deg,#103f43,#0c292f)!important;color:#fff!important;
 border-radius:30px!important;box-shadow:none!important;overflow:hidden;position:relative;
}
.cl-cta-section .cl-card:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.15);border-radius:50%;left:-70px;bottom:-170px;box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 60px rgba(255,255,255,.025);pointer-events:none}
.cl-cta-section .cl-card .elementor-widget-heading .elementor-heading-title,.cl-cta-section .cl-card .elementor-widget-text-editor,.cl-cta-section .cl-card .elementor-widget-text-editor p{color:#fff!important}
.cl-cta-section .cl-card .cl-eyebrow .elementor-heading-title{color:#c5e9d9!important}
.cl-cta-section .cl-card .elementor-button{background:var(--cl-lime)!important;color:var(--cl-ink)!important;border:0!important}
.cl-cta-section .cl-card .elementor-button:hover{box-shadow:0 10px 26px rgba(0,0,0,.18)}
/* Header: slim and elegant */
.cl-header{position:relative;z-index:100;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(23,43,58,.07)}
.cl-header-row{max-width:1240px!important;margin-inline:auto!important;box-shadow:none!important;padding-inline:clamp(18px,3vw,34px)!important;min-height:82px}
.cl-brand .elementor-widget-heading .elementor-heading-title{font-size:27px;font-weight:850;color:var(--cl-ink)}
.cl-brand .elementor-widget-text-editor,.cl-brand .elementor-widget-text-editor p{font-size:11px;color:var(--cl-muted);margin-top:-5px}
.cl-main-nav .elementor-nav-menu--main .elementor-item{font-size:14px;font-weight:600;color:#42545e;padding:12px 13px!important}
.cl-main-nav .elementor-nav-menu--main .elementor-item:hover,.cl-main-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--cl-teal)!important;background:transparent!important}
.cl-header .elementor-button{padding:12px 21px!important;background:var(--cl-teal)!important;color:#fff!important}
.cl-header.cl-scrolled{box-shadow:0 10px 26px rgba(23,43,58,.08)}
/* Inner pages: reuse the same system but avoid the huge repeated hero graphic feeling */
body .cl-hero:not(:has(.cl-hero-visual)){padding-top:64px!important;padding-bottom:64px!important}
body .cl-hero:not(:has(.cl-hero-visual))>.e-con-inner{max-width:1000px;margin-inline:auto}
body .cl-hero:not(:has(.cl-hero-visual)) .elementor-heading-title{color:var(--cl-ink)}
/* FAQ, legal and form panels */
.cl-contact-details,.cl-register-panel{padding:clamp(24px,3vw,40px)!important;background:#fff!important;border:1px solid var(--cl-line)!important;border-radius:24px!important;box-shadow:var(--cl-shadow)!important}
.cl-footer-main{background:#102f36!important;color:#fff!important;padding:56px 24px 34px!important}
.cl-footer-main .elementor-widget-heading .elementor-heading-title,.cl-footer-main .elementor-widget-text-editor,.cl-footer-main .elementor-widget-text-editor p{color:#fff!important}
.cl-footer-main .elementor-widget-text-editor,.cl-footer-main .elementor-widget-text-editor p{opacity:.76}
.cl-footer-main .cl-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.cl-footer-main .elementor-icon{background:transparent!important;border:0!important;color:#c5e9d9!important}
.cl-footer-bottom-section{background:#0a2429!important;color:rgba(255,255,255,.65)!important;padding:16px 24px!important}
.cl-footer-bottom-section .elementor-widget-text-editor,.cl-footer-bottom-section .elementor-widget-text-editor p{color:rgba(255,255,255,.65)!important;font-size:12px}
/* Keep all content visible even if JS is blocked, delayed or disabled */
.cl-reveal{opacity:1!important;transform:none!important;transition:none!important}
.cl-interactive .elementor-button{transition:transform .2s ease,box-shadow .2s ease}
@media(max-width:1024px){
 .cl-hero-row{gap:36px!important}
 .cl-hero-visual{max-width:420px!important}
 .cl-floating-cards{left:-8px;right:-8px}
 .cl-main-nav .elementor-nav-menu--main .elementor-item{padding-inline:8px!important}
}
@media(max-width:767px){
 .cl-hero{padding:46px 20px!important}
 .cl-hero-copy .elementor-widget-heading:not(.cl-eyebrow) .elementor-heading-title{font-size:36px;line-height:1.32}
 .cl-hero-copy .elementor-widget-text-editor{font-size:15px}
 .cl-hero-visual{max-width:100%!important;margin-top:10px!important}
 .cl-visual-main{min-height:280px;padding:28px!important;border-radius:26px!important}
 .cl-visual-main:after{width:68px;height:68px;right:18px;top:18px}
 .cl-visual-main .elementor-widget-heading .elementor-heading-title{font-size:31px}
 .cl-floating-cards{position:relative;inset:auto;margin:-12px 10px 0;gap:10px}
 .cl-floating-cards .cl-card{padding:13px!important;border-radius:14px!important}
 .cl-visual-tag{margin-right:18px;margin-top:10px}
 .cl-features,.cl-audience,.cl-start-paths,.cl-cta-section{padding:52px 18px!important}
 .cl-section-title{margin-bottom:24px!important}
 .cl-section-title .elementor-widget-heading:not(.cl-eyebrow) .elementor-heading-title{font-size:29px}
 .cl-header-row{min-height:68px;padding:12px 16px!important}
 .cl-brand .elementor-widget-heading .elementor-heading-title{font-size:23px}
 .cl-footer-main{padding:42px 20px 26px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .cl-card,.cl-interactive .elementor-button,.elementor-button{transition:none!important}
}