/* Map brand to Tabler/Bootstrap */
:root{
  --tblr-primary: var(--brand);
  --tblr-primary-rgb: 15,118,110;
  --bs-primary: var(--brand);
  --bs-primary-rgb: 15,118,110;
}

:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --ink:#0b1220;
  --muted:#5b6b7f;
  --border:rgba(11,18,32,.10);
  --shadow:0 18px 48px rgba(11,18,32,.10);
  --shadow-sm:0 10px 28px rgba(11,18,32,.08);

  /* Corporate teal palette */
  --brand:#0f766e;
  --brand-2:#115e59;
  --brand-weak:rgba(15,118,110,.12);
  --accent:#14b8a6;

  --radius:18px;
}

html,body{height:100%}
body{
  background:var(--bg)!important;
  color:var(--ink)!important;
  line-height:1.7;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

/* Typography */
.page-title{letter-spacing:-.01em}
.text-muted{color:var(--muted)!important}

/* Links */
a{color:var(--brand-2)}
a:hover{color:var(--brand)}

/* Buttons */
.btn{border-radius:12px;font-weight:600;letter-spacing:-.01em}
.btn-primary{
  background:linear-gradient(180deg, var(--brand-2) 0%, var(--brand) 100%);
  border-color:rgba(15,118,110,.38);
  box-shadow:0 14px 30px rgba(15,118,110,.16);
}
.btn-primary:hover{background:var(--brand);border-color:rgba(15,118,110,.50)}
.btn-outline-primary{border-color:rgba(15,118,110,.28);color:var(--brand)}
.btn-outline-primary:hover{background:var(--brand-weak)}

/* Cards / tables */
.card{
  border-radius:var(--radius);
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-sm)!important;
}
.card-glow{
  box-shadow:var(--shadow)!important;
}
.table thead th{color:#475569;font-weight:700;letter-spacing:.02em;font-size:.78rem}
.table-modern tbody tr{transition:background-color 120ms ease}
.table-modern tbody tr:hover{background:rgba(47,111,178,.055)}

/* Sidebars */
.navbar-vertical, .sidebar{
  background:var(--surface)!important;
  border-right:1px solid var(--border)!important;
}
.nav-link{border-radius:12px}
.nav-link.active{
  background:var(--brand-weak)!important;
  color:var(--ink)!important;
}

/* Premium panel components (used in dashboard/mail/security) */
.panel-hero{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--shadow);
}

/* Mail hero: modern SaaS – subtle, but alive */
.panel-hero.hero-mail{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1000px 320px at 8% 18%, rgba(31,59,109,.14), transparent 58%),
    radial-gradient(900px 300px at 92% 0%, rgba(23,77,155,.12), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.92));
}
.panel-hero.hero-mail:after{
  content:"";
  position:absolute;
  right:-120px;
  top:-80px;
  width:520px;
  height:420px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='420' viewBox='0 0 520 420'%3E%3Cg fill='none' stroke='rgba(31,59,109,0.10)' stroke-width='2'%3E%3Cpath d='M90 130h190c16 0 28 12 28 28v128c0 16-12 28-28 28H90c-16 0-28-12-28-28V158c0-16 12-28 28-28z'/%3E%3Cpath d='M62 166l126 74c12 8 30 8 42 0l112-74'/%3E%3Cpath d='M266 74h220c16 0 28 12 28 28v140c0 16-12 28-28 28H266c-16 0-28-12-28-28V102c0-16 12-28 28-28z'/%3E%3Cpath d='M238 110l146 86c12 8 30 8 42 0l116-86'/%3E%3Ccircle cx='130' cy='92' r='8'/%3E%3Ccircle cx='340' cy='46' r='6'/%3E%3Ccircle cx='420' cy='320' r='10'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:contain;
  filter:drop-shadow(0 18px 30px rgba(11,18,32,.06));
  pointer-events:none;
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .6rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.8);
  color:#334155;
  font-size:.78rem;
  font-weight:600;
}
.chip i{opacity:.8}

.stat-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--shadow);
}
.stat-value{letter-spacing:-.02em}

.icon-bubble{
  width:44px;height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-weak);
  color:var(--brand);
  border:1px solid rgba(31,59,109,.18);
}

/* Progress bars (quota / usage) */
.quota-bar{
  height:10px;
  border-radius:999px;
  background:#e8eef8;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.06);
}
.quota-bar.quota-bar-sm{height:7px}
.quota-bar-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  transition:width 420ms ease;
}
.quota-bar-fill.fill-ok{background:rgba(31,59,109,.72)}
.quota-bar-fill.fill-warn{background:rgba(245,158,11,.70)}
.quota-bar-fill.fill-bad{background:rgba(239,68,68,.70)}

/* Make “page inside page” look go away */
.page-body .container-xl{padding-top:1.35rem;padding-bottom:1.35rem}

/* Forms */
.form-control,.form-select{
  border-radius:14px;
  border-color:rgba(15,23,42,.12);
}
.form-control:focus,.form-select:focus{border-color:rgba(31,59,109,.45);box-shadow:0 0 0 .25rem rgba(31,59,109,.12)}

/* Bootstrap-ish accents (corporate navy, still light) */
.text-primary{color:var(--brand-2)!important}
.bg-primary{background-color:var(--brand-2)!important}
.badge.bg-primary{background-color:var(--brand-2)!important}

/* Landing / marketing */
.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1200px 480px at 18% 8%, rgba(31,59,109,.14), transparent 60%),
    radial-gradient(900px 420px at 88% 0%, rgba(23,77,155,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.92));
}
.hero:after{
  content:"";
  position:absolute;
  right:-220px;
  top:-180px;
  width:760px;
  height:520px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='520' viewBox='0 0 760 520'%3E%3Cg fill='none' stroke='rgba(31,59,109,0.10)' stroke-width='2'%3E%3Cpath d='M170 190h270c18 0 32 14 32 32v170c0 18-14 32-32 32H170c-18 0-32-14-32-32V222c0-18 14-32 32-32z'/%3E%3Cpath d='M138 230l180 104c14 8 34 8 48 0l160-104'/%3E%3Cpath d='M390 90h280c18 0 32 14 32 32v190c0 18-14 32-32 32H390c-18 0-32-14-32-32V122c0-18 14-32 32-32z'/%3E%3Cpath d='M358 136l192 112c14 8 34 8 48 0l172-112'/%3E%3Ccircle cx='220' cy='130' r='10'/%3E%3Ccircle cx='520' cy='70' r='8'/%3E%3Ccircle cx='610' cy='430' r='12'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
  filter:drop-shadow(0 24px 44px rgba(11,18,32,.06));
}
.badge-soft{
  background:rgba(31,59,109,.08);
  border:1px solid rgba(31,59,109,.14);
  color:var(--brand);
  font-weight:700;
}
.section-title{letter-spacing:-.02em}
.pricing-pop{border:1px solid rgba(31,59,109,.18)!important; box-shadow:0 16px 44px rgba(31,59,109,.10)}

/* Landing: Featured packages (daha kompakt görünüm) */
.featured-packages .plan-card{background:rgba(255,255,255,.92)}
.featured-packages .plan-card ul{margin-left:1.05rem}
.featured-packages .plan-card li{margin-bottom:.15rem}

/* ------------------------------------------------------------------
   Premium Homepage (index.php)
-------------------------------------------------------------------*/


/* ===== Homepage Hero (reference match v2) ===== */
.home-hero{
  background:transparent;
}
.home-hero-wrap{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(11,18,32,.06);
  background:
    radial-gradient(1100px 620px at 22% 18%, rgba(20,184,166,.32), transparent 62%),
    radial-gradient(980px 580px at 86% 18%, rgba(34,211,238,.22), transparent 64%),
    radial-gradient(980px 620px at 45% 65%, rgba(59,130,246,.18), transparent 62%),
    linear-gradient(135deg, #e9fbfb 0%, #eef7ff 45%, #effbff 72%, #f0fdfa 100%);
  box-shadow:0 26px 70px rgba(11,18,32,.10);
}
.home-hero-inner{position:relative; z-index:2;}
.home-hero-wrap:before{
  content:"";
  position:absolute;
  inset:-220px -320px auto auto;
  width:1040px;
  height:780px;
  background:
    radial-gradient(circle at 25% 35%, rgba(20,184,166,.26), transparent 58%),
    radial-gradient(circle at 72% 28%, rgba(34,211,238,.18), transparent 55%),
    radial-gradient(circle at 58% 55%, rgba(255,255,255,.70), transparent 62%);
  opacity:1;
  pointer-events:none;
}
.home-hero-wrap:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:64px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(243,246,251,1));
  pointer-events:none;
  z-index:1;
}
.home-hero-wrap:before{
  content:"";
  position:absolute;
  inset:-220px -320px auto auto;
  width:1040px;
  height:780px;
  background:
    radial-gradient(circle at 25% 35%, rgba(59,130,246,.34), transparent 58%),
    radial-gradient(circle at 72% 28%, rgba(99,102,241,.22), transparent 55%),
    radial-gradient(circle at 58% 55%, rgba(255,255,255,.68), transparent 62%);
  opacity:1;
  pointer-events:none;
}
.home-hero-wrap .hero-grain:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E %3Cg fill='white' opacity='.55'%3E %3Ccircle cx='30' cy='40' r='1.1'/%3E%3Ccircle cx='70' cy='90' r='1.2'/%3E%3Ccircle cx='120' cy='50' r='1.0'/%3E %3Ccircle cx='160' cy='110' r='1.2'/%3E%3Ccircle cx='210' cy='70' r='1.1'/%3E%3Ccircle cx='230' cy='150' r='1.0'/%3E %3Ccircle cx='80' cy='170' r='1.1'/%3E%3Ccircle cx='140' cy='190' r='1.2'/%3E%3Ccircle cx='40' cy='220' r='1.0'/%3E %3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E %3Cg fill='white' opacity='.55'%3E %3Ccircle cx='30' cy='40' r='1.1'/%3E%3Ccircle cx='70' cy='90' r='1.2'/%3E%3Ccircle cx='120' cy='50' r='1.0'/%3E %3Ccircle cx='160' cy='110' r='1.2'/%3E%3Ccircle cx='210' cy='70' r='1.1'/%3E%3Ccircle cx='230' cy='150' r='1.0'/%3E %3Ccircle cx='80' cy='170' r='1.1'/%3E%3Ccircle cx='140' cy='190' r='1.2'/%3E%3Ccircle cx='40' cy='220' r='1.0'/%3E %3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E %3Cg fill='white' opacity='.55'%3E %3Ccircle cx='30' cy='40' r='1.1'/%3E%3Ccircle cx='70' cy='90' r='1.2'/%3E%3Ccircle cx='120' cy='50' r='1.0'/%3E %3Ccircle cx='160' cy='110' r='1.2'/%3E%3Ccircle cx='210' cy='70' r='1.1'/%3E%3Ccircle cx='230' cy='150' r='1.0'/%3E %3Ccircle cx='80' cy='170' r='1.1'/%3E%3Ccircle cx='140' cy='190' r='1.2'/%3E%3Ccircle cx='40' cy='220' r='1.0'/%3E %3C/g%3E%3C/svg%3E");
  background-repeat:repeat, repeat, repeat;
  background-size:260px 260px, 260px 260px, 260px 260px;
  background-position:0 0, 80px 60px, 160px 120px;
  opacity:.20;
  mix-blend-mode:screen;
}


.home-hero-title{letter-spacing:-.03em; line-height:1.05;}
.home-hero-title .accent{
  background:linear-gradient(90deg,#f97316 0%, #8b5cf6 45%, #2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}


.hero-grain{position:absolute; inset:0; pointer-events:none; z-index:1;}
/* vignette */
.home-hero-wrap .hero-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 55%, rgba(15,23,42,.06) 100%);
  opacity:.7;
  z-index:1;
}

.hero-mock{position:relative; z-index:2;}
.hero-mock:before{
  content:"";
  position:absolute;
  inset:18% 8% 16% 8%;
  background:
    radial-gradient(circle at 35% 30%, rgba(34,211,238,.38), transparent 60%),
    radial-gradient(circle at 65% 45%, rgba(59,130,246,.32), transparent 62%);
  filter:blur(22px);
  opacity:.95;
  pointer-events:none;
}
.hero-mock-card{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.82);
  backdrop-filter:saturate(1.1) blur(10px);
  box-shadow:0 44px 96px rgba(11,18,32,.22);
  transform:perspective(1200px) rotateY(-14deg) rotateX(6deg);
}
.hero-mock-img{border-radius:22px;}

.mockup-wrap{position:relative;z-index:1}
.mockup-card{border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(31,59,109,.12);
  box-shadow:0 24px 70px rgba(11,18,32,.12);backdrop-filter:blur(6px);overflow:hidden;}
.mockup-top{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid rgba(11,18,32,.06)}
.mock-dot{width:10px;height:10px;border-radius:999px;background:rgba(31,59,109,.20)}
.mock-body{display:grid;grid-template-columns:1fr;gap:.9rem;padding:1.0rem}
.mock-panel{border-radius:18px;border:1px solid rgba(31,59,109,.10);background:rgba(245,248,255,.75);padding:.9rem}
.mock-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}
.mock-line{height:10px;border-radius:999px;background:rgba(31,59,109,.12)}
.mock-line.sm{width:38%}
.mock-line.md{width:60%}
.mock-line.lg{width:86%}

/* Homepage hero mock (image) */
.hero-mock{position:relative;z-index:1;max-width:560px;margin-left:auto}
.hero-mock-bg{position:absolute;inset:-40px -60px -40px -60px;border-radius:40px;
  background:radial-gradient(closest-side, rgba(15,118,110,.22), rgba(15,118,110,0) 70%),
             radial-gradient(closest-side, rgba(20,184,166,.18), rgba(20,184,166,0) 70%);
  filter:blur(0px);opacity:.9;pointer-events:none}
.hero-mock-imgwrap{position:relative;border-radius:26px;overflow:hidden;
  background:rgba(255,255,255,.78);border:1px solid rgba(31,59,109,.12);
  box-shadow:0 30px 80px rgba(15,23,42,.18)}
.hero-mock-img{display:block;width:100%;height:auto}

.seg-switch{display:inline-flex;gap:.35rem;background:rgba(255,255,255,.76);border:1px solid rgba(31,59,109,.10);border-radius:999px;padding:.25rem}
.seg-switch button{border:0;background:transparent;padding:.45rem .9rem;border-radius:999px;font-weight:700;color:rgba(31,59,109,.70)}
.seg-switch button.active{background:linear-gradient(135deg, rgba(20,184,166,.16), rgba(15,118,110,.10));color:var(--brand)}

.plan-card{border-radius:22px;border:1px solid rgba(31,59,109,.10);background:rgba(255,255,255,.86);
  box-shadow:0 18px 54px rgba(11,18,32,.08);overflow:hidden;}
.plan-card .plan-head{padding:1.2rem 1.25rem 0.75rem 1.25rem}
.plan-card .plan-body{padding:0 1.25rem 1.25rem 1.25rem}
.plan-price{font-size:2rem;font-weight:800;letter-spacing:-.02em}
.plan-muted{color:rgba(31,59,109,.58);font-weight:600}
.plan-list{margin:0;padding-left:1.1rem;color:rgba(31,59,109,.82)}
.plan-list li{margin:.28rem 0}
.plan-cta{display:flex;justify-content:flex-end;padding:0 1.25rem 1.25rem 1.25rem}
.plan-badge{position:absolute;top:14px;right:14px;border-radius:999px;padding:.35rem .7rem;font-weight:800;font-size:.8rem;
  background:linear-gradient(135deg, rgba(20,184,166,.20), rgba(15,118,110,.12));border:1px solid rgba(15,118,110,.22);color:var(--brand)}

.feature-grid .fcard{border-radius:18px;border:1px solid rgba(31,59,109,.08);background:rgba(255,255,255,.86);
  box-shadow:0 14px 42px rgba(11,18,32,.06);padding:1.05rem}
.feature-grid .fic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(15,118,110,.10);border:1px solid rgba(15,118,110,.16);color:var(--brand);}

.cta-strip{border-radius:22px;background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(245,248,255,.92));
  border:1px solid rgba(31,59,109,.10);box-shadow:0 18px 60px rgba(11,18,32,.08)}

@media (max-width: 991px){
  .home-hero-wrap .hero-grain:after{right:-360px;top:-260px;opacity:.65}
}


/* ===== Readability fixes (Hero badge + Popular tag) ===== */
.badge-hero{
  background:rgba(255,255,255,.72);
  color:rgba(11,18,32,.88);
  border:1px solid rgba(11,18,32,.14);
  box-shadow:0 10px 24px rgba(11,18,32,.08);
  backdrop-filter:saturate(1.05) blur(10px);
}
.badge-hero i{color:rgba(15,118,110,.95)}

.badge-popular{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.32rem .6rem;
  border-radius:999px;
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.01em;
  color:rgba(255,255,255,.92);
  background:linear-gradient(135deg, rgba(15,118,110,1), rgba(20,184,166,1));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 12px 26px rgba(11,18,32,.12);
}
.badge-popular:before{
  content:'●';
  font-size:.62rem;
  opacity:.9;
}



--------------------------------------------------*/
.order-create-hero{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(11,18,32,.08);
  background:
    radial-gradient(1100px 520px at 20% 15%, rgba(59,130,246,.20), transparent 60%),
    radial-gradient(900px 520px at 85% 10%, rgba(20,184,166,.16), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  box-shadow:0 26px 70px rgba(11,18,32,.10);
}
.order-create-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cpath fill='none' stroke='rgba(15,23,42,0.10)' stroke-width='1.2' d='M0 .6H220M0 55.6H220M0 110.6H220M0 165.6H220M.6 0V220M55.6 0V220M110.6 0V220M165.6 0V220'/%3E%3C/svg%3E");
  background-size:220px 220px;
}
.order-steps .step{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.4rem .7rem;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.10);
  background:rgba(255,255,255,.78);
  font-weight:600;
  font-size:.86rem;
}
.order-steps .step .dot{
  width:10px;height:10px;border-radius:999px;
  background:rgba(148,163,184,1);
  box-shadow:0 0 0 5px rgba(148,163,184,.18);
}
.order-steps .step.active .dot{
  background:rgba(15,118,110,1);
  box-shadow:0 0 0 5px rgba(15,118,110,.18);
}
.order-steps .sep{opacity:.5}

.order-summary{
  position:sticky;
  top:92px;
}
.order-summary .price{
  font-size:2.15rem;
  letter-spacing:-.02em;
}
.order-summary .kv{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem .0;
  border-bottom:1px dashed rgba(11,18,32,.10);
  font-size:.92rem;
}
.order-summary .kv:last-child{border-bottom:none}
.order-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.order-trust .trust{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.10);
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 22px rgba(11,18,32,.06);
  font-size:.86rem;
  color:rgba(11,18,32,.78);
}
.order-trust .trust i{color:rgba(15,118,110,.95)}

.badge-featured{
  background:linear-gradient(135deg, rgba(15,118,110,1), rgba(20,184,166,1));
  color:#fff;
  border:1px solid rgba(255,255,255,.40);
  border-radius:999px;
  padding:.35rem .65rem;
  font-weight:700;
  font-size:.75rem;
}


/* Harmonize primary buttons (teal-cyan) */
.btn-primary{
  background:linear-gradient(135deg, rgba(15,118,110,1), rgba(20,184,166,1));
  border-color:rgba(15,118,110,1);
  box-shadow:0 12px 26px rgba(11,18,32,.12);
}
.btn-primary:hover{
  background:linear-gradient(135deg, rgba(13,148,136,1), rgba(34,211,238,1));
  border-color:rgba(13,148,136,1);
}
.btn-primary:focus{box-shadow:0 0 0 .25rem rgba(20,184,166,.25), 0 12px 26px rgba(11,18,32,.12);}


.home-hero .text-primary{color:var(--brand)!important}



/* Hero refinements (v2) */
.home-hero-wrap{
  border-radius:34px;
  border:1px solid rgba(11,18,32,.07);
  background:
    radial-gradient(1200px 680px at 18% 22%, rgba(20,184,166,.34), transparent 62%),
    radial-gradient(980px 620px at 88% 18%, rgba(59,130,246,.16), transparent 64%),
    radial-gradient(980px 620px at 55% 70%, rgba(34,211,238,.18), transparent 62%),
    linear-gradient(135deg, #e6fbfb 0%, #edf6ff 42%, #effbff 70%, #eafdf8 100%);
  box-shadow:0 28px 78px rgba(11,18,32,.11);
}
.hero-wave{
  position:absolute;
  left:-2px; right:-2px; bottom:-2px;
  height:92px;
  z-index:1;
  pointer-events:none;
  opacity:.85;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160'%3E%3Cpath fill='%23f3f6fb' d='M0,64L60,69.3C120,75,240,85,360,80C480,75,600,53,720,53.3C840,53,960,75,1080,90.7C1200,107,1320,117,1380,122.7L1440,128L1440,160L1380,160C1320,160,1200,160,1080,160C960,160,840,160,720,160C600,160,480,160,360,160C240,160,120,160,60,160L0,160Z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:cover;
  filter: blur(.2px);
}



/* Hero refinements (v3) – smoother blend */
.home-hero-wrap{
  background:
    radial-gradient(1000px 620px at 20% 28%, rgba(20,184,166,.30), transparent 62%),
    radial-gradient(980px 620px at 78% 22%, rgba(59,130,246,.14), transparent 64%),
    radial-gradient(920px 600px at 52% 40%, rgba(34,211,238,.14), transparent 62%),
    linear-gradient(90deg, #defaf6 0%, #e7f7ff 52%, #eef2ff 100%);
}
.home-hero-wrap:before{
  inset:-260px -260px auto auto;
  width:1100px;
  height:820px;
  opacity:.75;
  background:
    radial-gradient(circle at 20% 35%, rgba(20,184,166,.22), transparent 60%),
    radial-gradient(circle at 70% 30%, rgba(34,211,238,.16), transparent 58%),
    radial-gradient(circle at 55% 55%, rgba(255,255,255,.70), transparent 62%);
}
.hero-wave{
  height:78px;
  opacity:.70;
}



/* Hero refinements (v4) – remove left blue cast */
.home-hero-wrap{
  background:
    radial-gradient(1000px 620px at 22% 30%, rgba(20,184,166,.28), transparent 65%),
    radial-gradient(900px 600px at 80% 25%, rgba(34,211,238,.12), transparent 68%),
    linear-gradient(90deg, #e9fbf7 0%, #eefcff 55%, #f3f6fb 100%);
}



/* Hero refinements (v5) – remove all blue tones */
.home-hero-wrap{
  background:
    radial-gradient(900px 520px at 25% 35%, rgba(20,184,166,.20), transparent 65%),
    linear-gradient(90deg, #f0fdfa 0%, #f8fffd 40%, #ffffff 100%);
}
.home-hero-wrap:before{
  display:none !important;
}



/* Hero refinements (v6) – force clean background */
.home-hero,
.home-hero-wrap{
    background: linear-gradient(90deg, #f7fffd 0%, #ffffff 60%) !important;
}

.home-hero-wrap:before,
.home-hero-wrap:after{
    display:none !important;
    content:none !important;
}



/* ===== Packages page – premium cards ===== */
.pricing-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(20,184,166,.12);
  border:1px solid rgba(15,118,110,.14);
  box-shadow:0 14px 40px rgba(11,18,32,.08);
  flex:0 0 auto;
}
.pricing-icon i{
  font-size:1.2rem;
  color:rgba(15,118,110,.95);
}
.card.pricing-pop{
  border:1px solid rgba(15,118,110,.18);
  box-shadow:0 26px 80px rgba(11,18,32,.10);
}
.card.card-glow{
  transition:transform .18s ease, box-shadow .18s ease;
}
.card.card-glow:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 90px rgba(11,18,32,.12);
}



/* Buttons – better hover */
.btn-outline-primary{
  border-color:rgba(15,118,110,.35);
  color:rgba(15,118,110,1);
}
.btn-outline-primary:hover,
.btn-outline-primary:active{
  color:#fff !important;
  border-color:rgba(15,118,110,1) !important;
  background:linear-gradient(135deg, rgba(15,118,110,1), rgba(20,184,166,1)) !important;
  box-shadow:0 14px 34px rgba(11,18,32,.12);
}
.btn-outline-primary:focus{
  box-shadow:0 0 0 .25rem rgba(20,184,166,.22), 0 14px 34px rgba(11,18,32,.10);
}



/* ===== Blog / Pages – premium layout ===== */
.blog-hero,
.page-hero{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(11,18,32,.06);
  background:
    radial-gradient(900px 520px at 20% 30%, rgba(20,184,166,.18), transparent 65%),
    linear-gradient(90deg, #f7fffd 0%, #ffffff 65%);
  box-shadow:0 22px 70px rgba(11,18,32,.08);
}
.blog-hero:after,
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(15,118,110,.10) 0 1px, transparent 1px),
    radial-gradient(circle at 85% 35%, rgba(2,132,199,.08) 0 1px, transparent 1px),
    radial-gradient(circle at 70% 75%, rgba(20,184,166,.10) 0 1px, transparent 1px);
  background-size:22px 22px, 26px 26px, 24px 24px;
  opacity:.5;
}
.post-card{
  border:1px solid rgba(11,18,32,.06);
  border-radius:22px;
  box-shadow:0 18px 60px rgba(11,18,32,.07);
  transition:transform .18s ease, box-shadow .18s ease;
}
.post-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 90px rgba(11,18,32,.10);
}
.post-thumb{
  width:46px;height:46px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,184,166,.12);
  border:1px solid rgba(15,118,110,.14);
  flex:0 0 auto;
}
.post-thumb i{font-size:1.25rem;color:rgba(15,118,110,.95);}
.content .form-control,
.content .form-select{
  border-radius:14px;
  border:1px solid rgba(11,18,32,.10);
  padding:.8rem .95rem;
}
.content .form-control:focus,
.content .form-select:focus{
  border-color:rgba(20,184,166,.55);
  box-shadow:0 0 0 .25rem rgba(20,184,166,.18);
}
.content .btn{
  border-radius:14px;
}
.contact-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1.25rem;
}
@media (max-width: 992px){
  .contact-grid{grid-template-columns:1fr;}
}
.contact-card{
  border-radius:22px;
  border:1px solid rgba(11,18,32,.06);
  box-shadow:0 18px 60px rgba(11,18,32,.07);
  background:#fff;
}
.contact-card .contact-item{
  display:flex;gap:.75rem;align-items:flex-start;
}
.contact-card .contact-item i{
  color:rgba(15,118,110,.95);
  margin-top:.15rem;
}



/* ===== Blog v2 – premium magazine ===== */
.blog-shell{
  display:grid;
  grid-template-columns: 1.6fr .9fr;
  gap:1.25rem;
}
@media (max-width: 992px){ .blog-shell{grid-template-columns:1fr;} }

.blog-hero2{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(11,18,32,.06);
  background:
    radial-gradient(1100px 640px at 18% 22%, rgba(20,184,166,.18), transparent 62%),
    radial-gradient(900px 560px at 85% 20%, rgba(34,211,238,.10), transparent 65%),
    linear-gradient(90deg, #f7fffd 0%, #ffffff 70%);
  box-shadow:0 26px 80px rgba(11,18,32,.09);
}
.blog-hero2:after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(15,118,110,.10) 0 1px, transparent 1px),
    radial-gradient(circle at 88% 30%, rgba(20,184,166,.10) 0 1px, transparent 1px),
    radial-gradient(circle at 72% 76%, rgba(2,132,199,.08) 0 1px, transparent 1px);
  background-size:24px 24px, 28px 28px, 26px 26px;
  opacity:.55;
}
.blog-toolbar{
  display:flex; gap:.75rem; flex-wrap:wrap;
  margin-top:1.25rem;
}
.blog-search{
  flex:1 1 320px;
  position:relative;
}
.blog-search i{
  position:absolute; left:.95rem; top:50%;
  transform:translateY(-50%);
  opacity:.55;
}
.blog-search input{
  width:100%;
  padding:.85rem 1rem .85rem 2.65rem;
  border-radius:16px;
  border:1px solid rgba(11,18,32,.10);
  background:#fff;
}
.blog-search input:focus{
  outline:none;
  border-color:rgba(20,184,166,.55);
  box-shadow:0 0 0 .25rem rgba(20,184,166,.18);
}
.blog-pills{
  display:flex; gap:.5rem; flex-wrap:wrap;
}
.pill{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.5rem .75rem;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.08);
  background:#fff;
  color:rgba(11,18,32,.72);
  font-weight:600;
  font-size:.88rem;
}
.pill.active{
  color:rgba(15,118,110,1);
  border-color:rgba(15,118,110,.18);
  background:rgba(20,184,166,.10);
}
.blog-card{
  border-radius:22px;
  border:1px solid rgba(11,18,32,.06);
  box-shadow:0 18px 60px rgba(11,18,32,.07);
  overflow:hidden;
  background:#fff;
  transition:transform .18s ease, box-shadow .18s ease;
}
.blog-card:hover{ transform:translateY(-3px); box-shadow:0 26px 90px rgba(11,18,32,.10); }
.blog-thumb{
  height:140px;
  background:
    radial-gradient(520px 220px at 20% 30%, rgba(20,184,166,.26), transparent 62%),
    radial-gradient(520px 220px at 78% 28%, rgba(34,211,238,.14), transparent 62%),
    linear-gradient(90deg, #f0fdfa 0%, #ffffff 70%);
  position:relative;
}
.blog-thumb .thumb-icon{
  width:54px;height:54px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(11,18,32,.08);
  box-shadow:0 18px 60px rgba(11,18,32,.10);
  position:absolute; left:18px; bottom:-18px;
  backdrop-filter: blur(8px);
}
.blog-thumb .thumb-icon i{ font-size:1.35rem; color:rgba(15,118,110,.95); }
.blog-meta{
  display:flex; gap:.6rem; flex-wrap:wrap;
  font-size:.85rem;
  color:rgba(11,18,32,.55);
}
.blog-meta .dot{ width:4px;height:4px;border-radius:99px;background:rgba(11,18,32,.25); margin-top:.55rem; }
.blog-aside{
  position:sticky;
  top:92px;
}
.aside-card{
  border-radius:22px;
  border:1px solid rgba(11,18,32,.06);
  box-shadow:0 18px 60px rgba(11,18,32,.07);
  background:#fff;
}
.aside-card .aside-item{
  display:flex; gap:.75rem; align-items:flex-start;
  padding:.85rem .95rem;
  border-top:1px solid rgba(11,18,32,.06);
}
.aside-card .aside-item:first-child{border-top:none;}
.aside-ico{
  width:38px;height:38px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,184,166,.10);
  border:1px solid rgba(15,118,110,.14);
  flex:0 0 auto;
}
.aside-ico i{ color:rgba(15,118,110,.95); }
.aside-title{ font-weight:800; }
.aside-sub{ color:rgba(11,18,32,.58); font-size:.9rem; }

/* ===== Contact v2 – premium ===== */
.contact-hero2{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(11,18,32,.06);
  background:
    radial-gradient(1100px 640px at 18% 22%, rgba(20,184,166,.16), transparent 62%),
    radial-gradient(900px 560px at 85% 20%, rgba(34,211,238,.10), transparent 65%),
    linear-gradient(90deg, #f7fffd 0%, #ffffff 70%);
  box-shadow:0 26px 80px rgba(11,18,32,.09);
}
.contact-hero2:after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(15,118,110,.10) 0 1px, transparent 1px),
    radial-gradient(circle at 88% 30%, rgba(20,184,166,.10) 0 1px, transparent 1px);
  background-size:26px 26px, 30px 30px;
  opacity:.55;
}
.contact-layout{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:1.25rem;
}
@media (max-width: 992px){ .contact-layout{grid-template-columns:1fr;} }

.map-shell{
  border-radius:22px;
  border:1px solid rgba(11,18,32,.06);
  box-shadow:0 18px 60px rgba(11,18,32,.07);
  overflow:hidden;
  background:linear-gradient(90deg, #f0fdfa 0%, #ffffff 70%);
  position:relative;
  min-height:220px;
}
.map-shell .map-badge{
  position:absolute; left:16px; top:16px;
  padding:.45rem .65rem;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.08);
  background:rgba(255,255,255,.70);
  backdrop-filter: blur(8px);
  font-weight:700;
  color:rgba(15,118,110,1);
}



/* =========================
   Contact (Corporate)
   ========================= */
.contact-hero-corp{
  position:relative;
  padding:84px 0 56px;
  background:
    url('../img/contact-corp.svg') center/cover no-repeat;
  border-bottom:1px solid rgba(11,18,32,.06);
}
.corp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,18,32,.08);
  color:var(--brand-2);
  font-weight:600;
  letter-spacing:.2px;
}
.corp-title{
  margin-top:14px;
  font-weight:800;
  letter-spacing:-.02em;
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1.15;
}

.contact-hero-subtitle{
  font-size:16px;
  line-height:1.75;
  color:rgba(11,18,32,.72);
  max-width:56ch;
  margin-top:14px;
  padding-left:14px;
  border-left:3px solid rgba(16,185,129,.35);
}
@media (max-width: 576px){
  .contact-hero-subtitle{font-size:15px;}
}

.corp-sub{
  margin-top:12px;
  color:var(--muted);
  max-width:52ch;
}
.corp-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.corp-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,18,32,.08);
  color:rgba(11,18,32,.75);
  font-weight:600;
  font-size:.92rem;
}
.corp-visual{
  background:rgba(255,255,255,.70);
  border:1px solid rgba(11,18,32,.08);
  border-radius:24px;
  box-shadow:0 20px 60px rgba(11,18,32,.10);
  overflow:hidden;
}
.corp-visual-inner{
  padding:26px;
  background:
    radial-gradient(600px 300px at 20% 10%, rgba(16,185,129,.14), transparent 60%),
    radial-gradient(520px 320px at 90% 20%, rgba(99,102,241,.12), transparent 60%),
    rgba(255,255,255,.35);
  backdrop-filter: blur(14px);
}
.corp-visual-title{
  font-weight:800;
  letter-spacing:-.01em;
  margin-bottom:14px;
}
.corp-channel{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,18,32,.08);
  margin-bottom:12px;
}
.corp-ico{
  width:42px;height:42px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(15,118,110,.16), rgba(20,184,166,.10));
  border:1px solid rgba(15,118,110,.18);
  color:var(--brand-2);
}
.corp-channel-h{font-weight:800; line-height:1.2;}
.corp-channel-s{color:var(--muted); font-size:.92rem;}
.corp-visual-foot{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:16px;
}

.contact-strip-corp{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:18px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,18,32,.08);
  box-shadow:0 14px 40px rgba(11,18,32,.08);
  margin-top:-26px;
  position:relative;
  z-index:2;
}
.strip-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,118,110,.10);
  color:var(--brand-2);
  border:1px solid rgba(15,118,110,.16);
  font-weight:700;
  font-size:.92rem;
}
.strip-text{
  color:var(--muted);
  font-weight:600;
  font-size:.95rem;
}

.corp-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(11,18,32,.08);
  border-radius:22px;
  box-shadow:0 18px 52px rgba(11,18,32,.10);
  padding:26px;
  backdrop-filter: blur(12px);
}
.corp-card-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.corp-card-icon{
  width:46px;height:46px;
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(15,118,110,.18), rgba(20,184,166,.08));
  border:1px solid rgba(15,118,110,.18);
  color:var(--brand-2);
  flex:0 0 auto;
}
.corp-card-title{font-weight:900; letter-spacing:-.01em;}
.corp-card-sub{color:var(--muted); font-size:.95rem; margin-top:2px;}

.corp-note{
  padding:16px;
  border-radius:18px;
  background:rgba(245,247,251,.80);
  border:1px dashed rgba(11,18,32,.14);
}

.corp-info-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border-radius:18px;
  background:rgba(245,247,251,.80);
  border:1px solid rgba(11,18,32,.08);
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease, box-shadow .18s ease;
  margin-bottom:12px;
}
.corp-info-row:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(11,18,32,.10);
}
.corp-info-ico{
  width:42px;height:42px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,118,110,.10);
  border:1px solid rgba(15,118,110,.14);
  color:var(--brand-2);
}
.corp-info-text{display:flex; flex-direction:column; gap:1px; flex:1;}
.corp-info-k{color:var(--muted); font-weight:700; font-size:.9rem;}
.corp-info-v{font-weight:900;}
.corp-info-action{
  color:var(--brand-2);
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.corp-divider{height:1px; background:rgba(11,18,32,.08);}
.corp-helper{color:var(--muted); font-size:.92rem;}

.corp-topic{
  border-radius:999px!important;
  padding:10px 14px!important;
  border:1px solid rgba(11,18,32,.10)!important;
  font-weight:800!important;
  background:rgba(255,255,255,.70)!important;
}
.corp-topic.is-active{
  border-color:rgba(15,118,110,.35)!important;
  box-shadow:0 0 0 4px rgba(15,118,110,.12);
}

.corp-mini{
  padding:14px;
  border-radius:18px;
  background:rgba(245,247,251,.80);
  border:1px solid rgba(11,18,32,.08);
}
.corp-mini-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:rgba(11,18,32,.72);
  font-weight:600;
  margin:8px 0;
}

.corp-faq{
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,18,32,.08);
  border-radius:22px;
  box-shadow:0 18px 52px rgba(11,18,32,.10);
  padding:22px;
}
.corp-faq-title{
  font-weight:900;
  letter-spacing:-.01em;
  margin-bottom:10px;
}
.corp-faq .accordion-item{
  border-radius:16px!important;
  overflow:hidden;
  border:1px solid rgba(11,18,32,.08)!important;
  margin-bottom:10px;
}
.corp-faq .accordion-button{
  font-weight:800;
}