/* ==========================================================================
   Epsilos — SmartWeb corporate theme
   Design-language CSS. Class names are ours; SmartWeb owns the data-* markers.
   ========================================================================== */
:root{
  --violet:oklch(0.55 0.21 286);
  --violet-600:oklch(0.49 0.22 287);
  --violet-700:oklch(0.42 0.20 288);
  --blue:oklch(0.62 0.17 256);
  --cyan:oklch(0.72 0.13 220);
  --ink:oklch(0.24 0.035 285);
  --ink-soft:oklch(0.46 0.03 285);
  --line:oklch(0.91 0.012 285);
  --bg:oklch(0.985 0.006 285);
  --card:oklch(1 0 0);
  --grad:linear-gradient(120deg, oklch(0.55 0.21 286) 0%, oklch(0.58 0.18 262) 55%, oklch(0.66 0.14 224) 100%);
  --shadow-sm:0 1px 2px oklch(0.3 0.05 285 / .06), 0 4px 14px oklch(0.3 0.05 285 / .06);
  --shadow-md:0 12px 40px oklch(0.35 0.08 285 / .14);
  --shadow-lg:0 30px 80px oklch(0.3 0.1 286 / .28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Manrope",system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%}
h1,h2,h3,h4,.font-display{font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em;}
.eyebrow{font-family:"Sora";font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;}
.text-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
a{text-decoration:none;color:var(--violet-700);}
a:hover{color:var(--violet-600);}
/* keep Bootstrap's standard centered body width, override only the max */
.container{max-width:1200px;}
@media (max-width:991px){
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.5rem;
}
}
/* ---------- Buttons ---------- */
.btn{font-family:"Sora";font-weight:600;border-radius:12px;padding:.8rem 1.5rem;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;}
.btn-grad{background:var(--grad);color:#fff;border:none;box-shadow:0 10px 28px oklch(0.55 0.21 286 / .38);}
.btn-grad:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 40px oklch(0.55 0.21 286 / .5);}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid oklch(1 0 0 / .35);}
.btn-ghost:hover{background:oklch(1 0 0 / .12);color:#fff;border-color:oklch(1 0 0 / .6);}
.btn-outline-v{background:#fff;color:var(--violet-700);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);}
.btn-outline-v:hover{color:var(--violet-700);transform:translateY(-2px);border-color:var(--violet);}
.btn-lg{padding:1rem 2rem;font-size:1.05rem}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:1030;background:oklch(1 0 0 / .82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;}
.logo-link{display:inline-flex;align-items:center;}
.logo-link img{max-width:150px;height:auto;display:block;}
.header-cta{flex:none;}

/* ---------- Nav (dynamic-menu / ecom-nav shared structure) ---------- */
.main-nav{flex:1 1 auto;min-width:0;}
.main-nav:empty{flex:0 0 auto;}
.main-nav .sw-nav-desktop{align-items:center;justify-content:center;}
.main-nav .navbar-expand-lg {
    align-items: center;
    justify-content: center;
}
.main-nav .navbar-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0;}
.main-nav .nav-item{position:relative;}
.main-nav .nav-link{font-family:"Sora";font-weight:600;font-size:.95rem;color:var(--ink-soft);padding:.45rem .9rem;border-radius:9px;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;}
.main-nav .nav-link:hover{color:var(--violet-700);background:oklch(0.55 0.21 286 / .07);}
.main-nav .ecn-dd-arrow{/* width:.72rem; *//* height:.72rem; */display:inline-block;background:currentColor;-webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.7;margin: 0;}
.main-nav .dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);padding:.55rem;list-style:none;/* margin:.45rem 0 0; */z-index:1000;}
.main-nav .nav-item.dropdown:hover > .dropdown-menu{display:block;}
.main-nav .dropdown-item{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:10px;color:var(--ink);font-family:"Sora";font-weight:600;font-size:.9rem;transition:background .15s,color .15s;}
.main-nav .dropdown-item:hover{background:oklch(0.55 0.21 286 / .07);color:var(--violet-700);}
.main-nav .dropdown-submenu{position:relative;}
.main-nav .dropdown-submenu > .dropdown-menu{top:-.55rem;left:100%;margin:0 0 0 .35rem;}
.main-nav .dropdown-submenu:hover > .dropdown-menu{display:block;}
.main-nav .ecn-sub-arrow{margin-left:auto;transform:rotate(-90deg);width:.72rem;height:.72rem;display:inline-block;background:currentColor;-webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.6;}

/* mega-menu variant (dynamic-menu marker, per-item Description filled in /admin/menus) */
.main-nav .dropdown-menu.ecn-mega{min-width: 600px;grid-template-columns:1fr 1fr;gap:.2rem;padding:.75rem;}
.main-nav .nav-item.dropdown:hover > .dropdown-menu.ecn-mega{display:grid;}
.main-nav .ecn-mega-item{list-style:none;}
.main-nav .ecn-mega-link{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .75rem;border-radius:12px;color:var(--ink);transition:background .15s;}
.main-nav .ecn-mega-link:hover{background:oklch(0.55 0.21 286 / .07);}
.main-nav .ecn-mega-icon{flex:none;width:40px;height:40px;border-radius:10px;background:oklch(0.55 0.21 286 / .1);color:var(--violet-700);display:grid;place-items:center;font-size:1.15rem;}
.main-nav .ecn-mega-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;}
.main-nav .ecn-mega-title{font-family:"Sora";font-weight: 600;font-size:.9rem;color:var(--ink);}
.main-nav .ecn-mega-desc{font-family:"Sora";font-size: .74rem;color:var(--ink-soft);line-height:1.3;}
@media (max-width:991px){
  .main-nav .dropdown-menu.ecn-mega{min-width:0;grid-template-columns:1fr;}
}

/* mobile toggler / drawer (SmartWeb JS drives open/close; hidden on desktop) */
.main-nav .sw-nav-toggler{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--ink);font-size:1.3rem;align-items:center;justify-content:center;}
@media (max-width:991px){
  .main-nav .sw-nav-toggler{display:inline-flex;}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:var(--ink);background:
  radial-gradient(60% 70% at 8% 0%, oklch(0.93 0.05 286 / .9), transparent 60%),
  radial-gradient(55% 65% at 98% 12%, oklch(0.92 0.045 240 / .85), transparent 60%),
  radial-gradient(50% 70% at 80% 100%, oklch(0.94 0.04 200 / .7), transparent 60%),
  var(--bg);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;opacity:.6;
  background-image:linear-gradient(oklch(0.55 0.21 286 / .05) 1px,transparent 1px),linear-gradient(90deg,oklch(0.55 0.21 286 / .05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(80% 80% at 50% 20%, #000, transparent 80%);
          mask-image:radial-gradient(80% 80% at 50% 20%, #000, transparent 80%);
}
.hero .container{position:relative;z-index:1;}
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;font-family:"Sora";font-weight:600;font-size:.82rem;color:var(--ink-soft);box-shadow:var(--shadow-sm);}
.hero-pill .dot{color:var(--violet);}
.hero h1{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:800;line-height:1.05;}
.hero-sub{color:var(--ink-soft);font-size:1.18rem;max-width:34rem;}
.hero-trust{display:flex;gap:.5rem;align-items:center;color:var(--ink-soft);font-weight:600;font-size:.92rem;}
.check-i{width:20px;height:20px;flex:none;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:.7rem;}
@media (max-width:600px) {
.hero .btn-lg {
    width: 100%;
}
}
/* floating preview accents */
.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:.8rem 1rem;display:flex;align-items:center;gap:.7rem;z-index:2;}
.float-card .fi{width:36px;height:36px;border-radius:10px;background:oklch(0.55 0.21 286 / .1);color:var(--violet-700);display:grid;place-items:center;flex:none;font-size:1.05rem;}
.float-card .ft{font-family:"Sora";font-weight:700;font-size:.86rem;line-height:1.1;}
.float-card .fs{font-size:.74rem;color:var(--ink-soft);}
.fc-1{top:6%;right:-10px;}
.fc-2{bottom: -38px;left:-26px;}
@media (max-width:991px){.float-card{display:none}}

/* ---------- Hero lead / contact form ---------- */
.lead-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:2rem 1.9rem;color:var(--ink);}
.lead-card h3{font-size:1.4rem;font-weight:700;}
.form-label-e{font-family:"Sora";font-weight:600;font-size:.82rem;color:var(--ink-soft);margin-bottom:.3rem;display:block;}
.form-control,.form-select{border-radius:11px;border:1.5px solid var(--line);padding:.7rem .9rem;font-size:.97rem;background:oklch(0.99 0.004 285);}
.form-control:focus,.form-select:focus{border-color:var(--violet);box-shadow:0 0 0 4px oklch(0.55 0.21 286 / .14);background:#fff;}
#contact-form .btn-grad {
    margin-top: 20px;
}
.form-mini-note{font-size:.78rem;color:var(--ink-soft);}
[data-sw-status]{display:block;margin-top:.6rem;font-size:.9rem;font-weight:600;}
.sw-progress{height:4px;border-radius:4px;background:oklch(0.91 0.01 285);overflow:hidden;margin-top:.9rem;}
.sw-progress span{display:block;height:100%;width:35%;border-radius:4px;background:var(--grad);animation:sw-progress-slide 1.1s ease-in-out infinite;}
@keyframes sw-progress-slide{0%{transform:translateX(-100%);}100%{transform:translateX(285%);}}

/* ---------- Wizard toast (persistent, manual dismiss) ---------- */
.sw-toast{position:fixed;left:50%;bottom:1.8rem;transform:translateX(-50%);z-index:2000;display:flex;align-items:center;gap:.7rem;background:#fff;border-left:5px solid oklch(0.6 0.17 150);border-radius:12px;box-shadow:0 14px 34px oklch(0 0 0 / .2);padding:.9rem 1.2rem;max-width:min(92vw,440px);animation:sw-toast-in .25s ease;}
.sw-toast .sw-toast-icon{color:oklch(0.6 0.17 150);font-size:1.35rem;flex:none;}
.sw-toast .sw-toast-msg{font-family:"Sora";font-weight:600;font-size:.92rem;color:var(--ink);}
.sw-toast .sw-toast-close{margin-left:.2rem;border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 .25rem;flex:none;}
.sw-toast.sw-toast-error{border-left-color:oklch(0.58 0.21 25);}
.sw-toast.sw-toast-error .sw-toast-icon{color:oklch(0.58 0.21 25);}
@keyframes sw-toast-in{from{opacity:0;transform:translate(-50%,14px);}to{opacity:1;transform:translate(-50%,0);}}

/* ---------- Generic section ---------- */
.section{padding:5.5rem 0;}
.section-tight{padding:4rem 0;}
.section-alt{background:oklch(0.97 0.01 285);}
.sec-head{max-width:46rem;}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:700;line-height:1.1;}
.sec-lead{color:var(--ink-soft);font-size:1.1rem;}

/* ---------- Service cards ---------- */
.s-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.9rem;height:100%;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.s-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:oklch(0.55 0.21 286 / .35);}
.s-ico{width:54px;height:54px;border-radius:14px;background:oklch(0.55 0.21 286 / .1);color:var(--violet-700);display:grid;place-items:center;margin-bottom:1.1rem;font-size:1.5rem;}
.s-card h3{font-size:1.22rem;font-weight:700;}
.s-card p{color:var(--ink-soft);}
.s-link{font-family:"Sora";font-weight:600;color:var(--violet-700);font-size:.92rem;display:inline-flex;gap:.35rem;align-items:center;}

/* ---------- Feature list (advanced-paragraph) ---------- */
.feat-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text";column-gap:1rem;row-gap:.25rem;align-items:start;}
.feat-row [data-ap="icon"]{grid-area:icon;width:46px;height:46px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px oklch(0.55 0.21 286 / .3);font-size:1.25rem;align-self:start;}
.feat-row [data-ap="heading"]{grid-area:title;font-family:"Sora";font-size:1.08rem;font-weight:700;}
.feat-row [data-ap="text"]{grid-area:text;color:var(--ink-soft);font-size:.96rem;}

/* ---------- Stats band (stat-counter) ---------- */
.stats-band{background:var(--grad);color:#fff;border-radius:24px;padding:2.6rem 1rem;box-shadow:var(--shadow-md);}
.stat-item{text-align:center;}
.stat-item [data-sc="number"],.stat-item [data-sc="suffix"]{font-family:"Sora";font-weight:800;font-size:clamp(2rem,4vw,2.8rem);line-height:1;}
.stat-item [data-sc="text"]{display:block;color:oklch(0.95 0.02 285);font-weight:600;font-size:.95rem;margin-top:.35rem;}

/* ---------- Placeholder image ---------- */
.ph{
  position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  background:repeating-linear-gradient(45deg, oklch(0.94 0.02 285), oklch(0.94 0.02 285) 11px, oklch(0.97 0.012 285) 11px, oklch(0.97 0.012 285) 22px);
  background-repeat:no-repeat;
  display:grid;place-items:center;
}
.ph[data-label]:not([data-label=""])::after{content:attr(data-label);font-family:"Sora",monospace;font-size:.78rem;letter-spacing:.04em;color:var(--ink-soft);background:oklch(1 0 0 / .8);padding:.35rem .7rem;border-radius:8px;border:1px solid var(--line);}
.ph-wide{aspect-ratio:16/11;}
.ph-tall{height:380px;}
.ph-sq{height: 155px;}

/* ---------- Theme cards (card module) ---------- */
.theme-card [data-ap="link"]{display:block;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;background:#fff;border:1px solid var(--line);color:inherit;}
.theme-card [data-ap="link"]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.theme-card [data-ap="image"]{display:block;}
.theme-card .ph{border:none;border-radius:0;aspect-ratio:4/3;background-size:cover;background-position:center;}
.theme-card .t-card-cap{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.1rem;}
.theme-card [data-ap="heading"]{font-family:"Sora";font-weight:700;font-size:1rem;color:var(--ink);}
.theme-card [data-ap="text"]{font-size:.72rem;font-family:"Sora";font-weight:600;color:var(--violet-700);background:oklch(0.55 0.21 286 / .1);padding:.2rem .6rem;border-radius:999px;}
.theme-card [data-ap="button"]{display:none;}

/* ---------- Testimonials (testimonial-slider) ---------- */
.reviews-owl .item{padding:.3rem;}
.review-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.7rem;height:100%;box-shadow:var(--shadow-sm);}
.review-card .stars{color:oklch(0.78 0.16 75);letter-spacing:2px;font-size:.95rem;margin-bottom:.9rem;}
.review-card .quote{font-size:1rem;color:var(--ink);line-height:1.6;}
.review-card .reviewer{display:flex;align-items:center;gap:.9rem;margin-top:1.3rem;}
.review-card .reviewer .av{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:"Sora";font-weight:700;object-fit:cover;flex:none;}
.review-card .reviewer strong{font-family:"Sora";font-weight:700;font-size:.95rem;display:block;}
.review-card .reviewer-title{color:var(--ink-soft);font-size:.83rem;}
.reviews-owl .owl-dots{text-align:center;margin-top:1.4rem;}
.reviews-owl .owl-dot span{width:9px;height:9px;background:var(--line);border-radius:50%;display:inline-block;margin:0 4px;transition:background .2s,width .2s;}
.reviews-owl .owl-dot.active span{background:var(--violet);width:26px;border-radius:6px;}

/* ---------- Trust strip ---------- */
.trust-strip{display:flex;flex-wrap:wrap;gap:1.4rem 2.4rem;align-items:center;justify-content:center;}
.trust-item{display:flex;align-items:center;gap:.55rem;color:var(--ink-soft);font-family:"Sora";font-weight:600;font-size:.95rem;}
.trust-item i{color:var(--violet);font-size:1.2rem;}

/* ---------- FAQ (accordion module) ---------- */
.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:.8rem;overflow:hidden;background:#fff;}
.faq-q{width:100%;text-align:left;background:transparent;border:none;font-family:"Sora";font-weight:600;font-size:1.05rem;color:var(--ink);padding:1.15rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;}
.faq-q-h {margin: 0;}

.faq-icon{color:var(--violet);font-size:1.05rem;flex:none;transition:transform .2s;}
[data-acc-item].open .faq-q{color:var(--violet-700);background:oklch(0.55 0.21 286 / .06);}
.faq-a{color:var(--ink-soft);font-size:.98rem;}
.faq-a p{padding: 10px 20px;margin:0;}

/* ---------- CTA band ---------- */
.cta-band{position:relative;background:oklch(0.18 0.04 286);color:#fff;border-radius:28px;overflow:hidden;padding:3.6rem 2rem;}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 20% 0%,oklch(0.55 0.21 286 / .6),transparent 60%),radial-gradient(60% 120% at 90% 100%,oklch(0.62 0.17 256 / .5),transparent 55%);}
.cta-band > *{position:relative;z-index:1;}
.cta-band p {
    margin: 0px auto;
    color: #cbc5c5 !important;
}
.cta-band .eyebrow{color:var(--cyan);}

/* ---------- Footer ---------- */
.footer{background:oklch(0.16 0.035 286);color:oklch(0.82 0.02 285);padding:4rem 0 1.5rem;}
.footer h5{font-family:"Sora";font-weight:700;color:#fff;font-size:1rem;margin-bottom:1.1rem;}
.footer .foot-list{list-style:none;margin:0;padding:0;}
.footer .foot-list a{color:oklch(0.78 0.02 285);font-size:.93rem;display:inline-flex;gap:.5rem;align-items:center;padding: .58rem 0;transition:color .15s;}
.footer .foot-list a:before {
    content: "›";
    color: #319edf;
    font-size: 1.1rem;
}
.contact-list a:before {
    display: none;
}
.footer a{color:oklch(0.78 0.02 285);transition:color .15s;}
.footer a:hover{color:#fff;}
.footer .logo-link img{max-width:150px;}
.foot-intro{max-width:15rem;font-size:.93rem;margin-top:1rem;line-height: 2;}
.foot-social{display:flex;gap:.5rem;margin-top:1rem;}
.foot-social a{width:38px;height:38px;padding:0;border-radius:10px;background:oklch(1 0 0 / .08);display:grid;place-items:center;color:#fff;transition:background .15s,transform .15s;}
.foot-social a:hover{background:var(--violet);transform:translateY(-2px);color:#fff;}
.foot-social svg{width:18px;height:18px;display:block;}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.85rem;color:oklch(0.7 0.02 285);}
.foot-signature p{margin:0;}
.foot-signature a{color:#fff;font-weight:600;}

/* ---------- Sticky contact ---------- */
.sticky-contact{position:fixed;right:18px;bottom:18px;z-index:1040;display:flex;flex-direction:column;gap:12px;}
.sticky-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-md);transition:transform .15s;font-size:1.5rem;}
.sticky-btn:hover{transform:scale(1.07);color:#fff;}
.sticky-wa{background:#25D366;}
.sticky-tel{background:var(--violet);}

/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

@media (max-width:991px){
  .section{padding:4rem 0;}
}

/* ---------- Page hero (inner pages) ---------- */
.page-hero{position:relative;overflow:hidden;color:var(--ink);padding:3.5rem 0 3rem;background:
  radial-gradient(60% 90% at 10% 0%, oklch(0.93 0.05 286 / .85), transparent 60%),
  radial-gradient(55% 80% at 95% 10%, oklch(0.92 0.045 240 / .8), transparent 60%), var(--bg);}
.crumb{font-family:"Sora";font-weight:600;font-size:.85rem;color:var(--ink-soft);}
.crumb a{color:var(--violet-700);}
.crumb span{margin:0 .4rem;color:var(--line);}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;line-height:1.05;}

/* ---------- Package segment (Standart / Kurumsal) ---------- */
.pkg-seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:oklch(0.95 0.018 286);border:1px solid var(--line);border-radius:18px;padding:.45rem;max-width:640px;margin-inline:auto;}
.pkg-seg button,.pkg-seg a{border:none;background:transparent;border-radius:13px;padding:.85rem 1rem;text-align:center;cursor:pointer;transition:background .2s ease, box-shadow .2s ease;display:block;}
.pkg-seg button .pt,.pkg-seg a .pt{font-family:"Sora";font-weight:700;font-size:1.08rem;color:var(--ink);line-height:1.2;}
.pkg-seg button .ps,.pkg-seg a .ps{font-size:.83rem;color:var(--ink-soft);margin-top:.18rem;}
.pkg-seg button.active,.pkg-seg a.active{background:#fff;box-shadow:var(--shadow-sm);}
.pkg-seg button.active .pt,.pkg-seg a.active .pt{color:var(--violet-700);}
.pkg-seg button.active .ps,.pkg-seg a.active .ps{color:var(--violet);}
@media (max-width:480px){.pkg-seg button .pt,.pkg-seg a .pt{font-size:.98rem}.pkg-seg button .ps,.pkg-seg a .ps{font-size:.74rem}}

/* ---------- Billing switch ---------- */
.bill-switch{display:flex;align-items:center;justify-content:center;gap:.85rem;}
.bill-switch .bl{font-family:"Sora";font-weight:600;font-size:.95rem;color:var(--ink-soft);transition:color .2s ease;}
.bill-switch .bl.on{color:var(--violet-700);}
.bill-toggle{position:relative;width:58px;height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0;box-shadow:var(--shadow-sm);transition:background .2s ease;}
.bill-toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--grad);transition:transform .2s ease;box-shadow:0 2px 6px oklch(0.55 0.21 286 / .4);}
.bill-toggle[data-bill="yearly"] .knob{transform:translateX(26px);}

/* ---------- Pricing cards ---------- */
.price-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.8rem 1.5rem;height:100%;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;}
.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.price-card.featured{border:1.5px solid var(--violet);box-shadow:var(--shadow-md);}
.price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-family:"Sora";font-weight:700;font-size:.72rem;letter-spacing:.04em;padding:.3rem .85rem;border-radius:999px;box-shadow:0 6px 16px oklch(0.55 0.21 286 / .35);white-space:nowrap;}
.price-name{font-family:"Sora";font-weight:700;font-size:1.15rem;}
.price-amt{font-family:"Sora";font-weight:800;font-size:2rem;line-height:1;}
.price-cur{font-size:1rem;font-weight:700;color:var(--ink-soft);}
.price-per{font-size:.82rem;color:var(--ink-soft);}
.price-feats{list-style:none;padding:0;margin:1.2rem 0 1.5rem;display:flex;flex-direction:column;gap:.6rem;}
.price-feats li{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--ink-soft);}
.price-feats li i{width:16px;flex:none;margin-top:2px;color:var(--violet);}
.price-feats .more{color:var(--violet-700);font-weight:600;font-size:.86rem;}
.price-note{font-size:.82rem;color:var(--ink-soft);}
.price-note b{color:var(--violet-700);}

/* ---------- Comparison table ---------- */
.cmp-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);}
.cmp{width:100%;border-collapse:collapse;min-width:780px;}
.cmp th,.cmp td{padding:.8rem 1rem;text-align:center;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle;}
.cmp thead th{background:oklch(0.97 0.01 285);}
.cmp .pk{font-family:"Sora";font-weight:700;font-size:1.05rem;}
.cmp .pk small{display:block;font-family:"Manrope";font-weight:700;color:var(--violet-700);font-size:.86rem;margin-top:.25rem;}
.cmp tbody th{text-align:left;font-weight:600;color:var(--ink);font-family:"Manrope";min-width:200px;}
.cmp .yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:oklch(0.55 0.21 286 / .12);color:var(--violet-700);font-weight:800;font-size:.8rem;}
.cmp .val{font-family:"Sora";font-weight:700;color:var(--ink);}
.cmp .hl{background:oklch(0.55 0.21 286 / .05);}
.cmp tbody tr:hover{background:oklch(0.55 0.21 286 / .03);}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none;}

/* ---------- Advantage cards ---------- */
.adv-card{position:relative;}
.adv-num{font-family:"Sora";font-weight:800;font-size:1.05rem;color:#fff;background:var(--grad);width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 8px 18px oklch(0.55 0.21 286 / .3);}
.adv-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;}
.adv-card p{font-size:.94rem;line-height:1.6;}

/* ---------- Demo form (compact) ---------- */
.demo-form{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:2rem;}

/* ---------- Theme demo cards (Temalar page card module variant) ---------- */
.demo-card [data-ap="link"]{display:block;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;background:#fff;border:1px solid var(--line);color:inherit;}
.demo-card [data-ap="link"]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.demo-card [data-ap="image"]{display:block;}
.demo-card .ph{border:none;border-radius:0;aspect-ratio:4/3;background-size:cover;background-position:center;}
.demo-card .dc-cap{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.1rem;}
.demo-card [data-ap="heading"]{font-family:"Sora";font-weight:700;font-size:.98rem;color:var(--ink);}
.demo-card [data-ap="button"]{flex:none;font-size:.78rem;font-family:"Sora";font-weight:700;color:#fff;background:var(--grad);padding:.4rem .8rem;border-radius:999px;box-shadow:0 6px 14px oklch(0.55 0.21 286 / .3);white-space:nowrap;}

/* ---------- Integration badges (marketplace/ERP names) ---------- */
.int-badge{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem 1.1rem;font-family:"Sora";font-weight:700;font-size:.92rem;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s;}
.int-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:oklch(0.55 0.21 286 / .35);}
.int-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;}

/* ---------- Partner callout ---------- */
.partner-card{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.8rem 2rem;box-shadow:var(--shadow-sm);}
.partner-card .pc-logo{font-family:"Sora";font-weight:800;font-size:1.3rem;color:var(--ink);letter-spacing:-.02em;}
.partner-card .pc-logo span{color:var(--violet);}

/* ---------- Step cards ---------- */
.step-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.9rem;height:100%;box-shadow:var(--shadow-sm);}
.step-num{width:42px;height:42px;border-radius:11px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:"Sora";font-weight:800;margin-bottom:1rem;box-shadow:0 8px 18px oklch(0.55 0.21 286 / .3);}
.step-card h3{font-size:1.08rem;font-weight:700;}

/* ---------- Sync triangle diagram ---------- */
.sync-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem;}
.sync-node{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.6rem;text-align:center;box-shadow:var(--shadow-sm);min-width:180px;}
.sync-node .sn-ico{width:46px;height:46px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;margin:0 auto .6rem;font-size:1.25rem;box-shadow:0 8px 18px oklch(0.55 0.21 286 / .3);}
.sync-node .sn-title{font-family:"Sora";font-weight:700;font-size:1rem;}
.sync-arrow{color:var(--violet);font-size:1.3rem;flex:none;}
@media (max-width:767px){.sync-arrow{transform:rotate(90deg);}}


/* ---------- Contact info cards (advanced-paragraph: icon+heading+text) ---------- */
.con-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon heading" "icon text";column-gap:1rem;row-gap:.2rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.con-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:oklch(0.55 0.21 286 / .35);}
.con-ico{grid-area:icon;width:50px;height:50px;flex:none;border-radius:13px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px oklch(0.55 0.21 286 / .3);font-size:1.2rem;}
.con-card .cc-heading{grid-area:heading;font-family:"Sora";font-size:1.02rem;font-weight:700;color:var(--ink);}
.con-card .cc-text{grid-area:text;color:var(--ink-soft);font-size:.9rem;}
/* .con-card is now sometimes an <a> (tiklanabilir kartlar, bkz. epsilos-ai-prompt.md ->
   Iletisim Kartlari) - global a{color:var(--violet-700)} kural mirasini burada kesiyoruz,
   aksi halde baslik rengi tiklanabilir olmayan (div) kartlarla tutarsiz gorunurdu. */


/* segmented toggle */
.seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem;gap:.3rem;box-shadow:var(--shadow-sm);}
.seg .nav-link{border-radius:999px;font-family:"Sora";font-weight:600;color:var(--ink-soft);padding:.55rem 1.5rem;border:none;font-size:.95rem;}
.seg .nav-link.active{background:var(--grad);color:#fff;box-shadow:0 8px 20px oklch(0.55 0.21 286 / .3);}
/* package segment (titled) */
.pkg-seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:oklch(0.95 0.018 286);border:1px solid var(--line);border-radius:18px;padding:.45rem;max-width:640px;margin-inline:auto;}
.pkg-seg button{border:none;background:transparent;border-radius:13px;padding:.85rem 1rem;text-align:center;cursor:pointer;transition:background .2s ease, box-shadow .2s ease;}
.pkg-seg button .pt{font-family:"Sora";font-weight:700;font-size:1.08rem;color:var(--ink);line-height:1.2;}
.pkg-seg button .ps{font-size:.83rem;color:var(--ink-soft);margin-top:.18rem;}
.pkg-seg button.active{background:#fff;box-shadow:var(--shadow-sm);}
.pkg-seg button.active .pt{color:var(--violet-700);}
.pkg-seg button.active .ps{color:var(--violet);}
@media (max-width:480px){.pkg-seg button .pt{font-size:.98rem}.pkg-seg button .ps{font-size:.74rem}}
/* billing switch */
.bill-switch{display:flex;align-items:center;justify-content:center;gap:.85rem;}
.bill-switch .bl{font-family:"Sora";font-weight:600;font-size:.95rem;color:var(--ink-soft);transition:color .2s ease;}
.bill-switch .bl.on{color:var(--violet-700);}
.bill-toggle{position:relative;width:58px;height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0;box-shadow:var(--shadow-sm);transition:background .2s ease;}
.bill-toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--grad);transition:transform .2s ease;box-shadow:0 2px 6px oklch(0.55 0.21 286 / .4);}
.bill-toggle[data-bill="yearly"] .knob{transform:translateX(26px);}
.price-feats .more{color:var(--violet-700);font-weight:600;font-size:.86rem;}
/* comparison table */
.cmp-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);}
.cmp{width:100%;border-collapse:collapse;min-width:780px;}
.cmp th,.cmp td{padding:.8rem 1rem;text-align:center;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle;}
.cmp thead th{background:oklch(0.97 0.01 285);position:sticky;top:0;z-index:1;}
.cmp .pk{font-family:"Sora";font-weight:700;font-size:1.05rem;}
.cmp .pk small{display:block;font-family:"Manrope";font-weight:700;color:var(--violet-700);font-size:.86rem;margin-top:.25rem;}
.cmp tbody th{text-align:left;font-weight:600;color:var(--ink);font-family:"Manrope";min-width:200px;}
.cmp .yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:oklch(0.55 0.21 286 / .12);color:var(--violet-700);font-weight:800;font-size:.8rem;}
.cmp .no{color:oklch(0.72 0.02 285);}
.cmp .opt{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px dashed oklch(0.7 0.02 285);color:oklch(0.58 0.02 285);font-weight:700;font-size:.78rem;line-height:1;}
.cmp .val{font-family:"Sora";font-weight:700;color:var(--ink);}
.cmp .hl{background:oklch(0.55 0.21 286 / .05);}
.cmp tbody tr:hover{background:oklch(0.55 0.21 286 / .03);}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none;}
/* advantage cards */
.adv-card{position:relative;}
.adv-num{font-family:"Sora";font-weight:800;font-size:1.05rem;color:#fff;background:var(--grad);width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 8px 18px oklch(0.55 0.21 286 / .3);}
.adv-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;}
.adv-card p{font-size:.94rem;line-height:1.6;}
/* industry cards */
.ind-card{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;background:#fff;border:1px solid var(--line);height:100%;}
.ind-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.ind-card .ph{border:none;border-radius:0;height:150px;}
.ind-badge{position:absolute;top:10px;left:10px;background:var(--grad);color:#fff;font-family:"Sora";font-weight:700;font-size:.74rem;padding:.2rem .6rem;border-radius:8px;z-index:2;box-shadow:var(--shadow-sm);}
.ind-meta{padding:.85rem 1rem;}
.ind-meta .t{font-family:"Sora";font-weight:700;font-size:.92rem;margin-bottom:.3rem;}
.ind-meta .prices{display:flex;align-items:baseline;gap:.5rem;}
.ind-meta .now{font-family:"Sora";font-weight:800;color:var(--violet-700);font-size:1rem;}
.ind-meta .was{font-size:.82rem;color:var(--ink-soft);text-decoration:line-through;}
/* demo form compact */
.demo-form{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:2rem;}



/* ---------- Pricing ---------- */
.price-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.8rem 1.5rem;height:100%;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;}
.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.price-card.featured{border:1.5px solid var(--violet);box-shadow:var(--shadow-md);}
.price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-family:"Sora";font-weight:700;font-size:.72rem;letter-spacing:.04em;padding:.3rem .85rem;border-radius:999px;box-shadow:0 6px 16px oklch(0.55 0.21 286 / .35);white-space:nowrap;}
.price-name{font-family:"Sora";font-weight:700;font-size:1.15rem;}
.price-amt{font-family:"Sora";font-weight:800;font-size:2rem;line-height:1;}
.price-cur{font-size:1rem;font-weight:700;color:var(--ink-soft);}
.price-per{font-size:.82rem;color:var(--ink-soft);}
.price-feats{list-style:none;padding:0;margin:1.2rem 0 1.5rem;display:flex;flex-direction:column;gap:.6rem;}
.price-feats li{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--ink-soft);}
.price-feats li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--violet);}
.price-note{font-size:.82rem;color:var(--ink-soft);}
.price-note b{color:var(--violet-700);}


/* ---------- Setup/demo form extras ---------- */
.form-section-title{font-family:"Sora";font-weight:700;font-size:.95rem;color:var(--ink);margin:.3rem 0 .2rem;padding-top:.6rem;border-top:1px solid var(--line);}
.row .col-12:first-child .form-section-title{border-top:none;padding-top:0;}
.subdomain-group .form-control{border-radius:11px 0 0 11px;border-right:none;}
.subdomain-group .input-group-text{border-radius:0 11px 11px 0;background:oklch(0.95 0.015 285);border:1.5px solid var(--line);border-left:none;color:var(--ink-soft);font-family:"Sora";font-weight:600;font-size:.9rem;}
.form-check.form-switch .form-check-input{background-color:oklch(0.9 0.01 285);border-color:var(--line);}
.form-check.form-switch .form-check-input:checked{background-color:var(--violet);border-color:var(--violet);}
.form-check.form-switch .form-check-input:focus{box-shadow:0 0 0 4px oklch(0.55 0.21 286 / .14);border-color:var(--violet);}

/* domain var/yok segment */
.domain-seg{display:inline-flex;gap:.3rem;background:oklch(0.95 0.015 285);border:1px solid var(--line);border-radius:12px;padding:.3rem;}
.domain-seg button{border:none;background:transparent;border-radius:9px;padding:.5rem 1rem;font-family:"Sora";font-weight:600;font-size:.88rem;color:var(--ink-soft);cursor:pointer;transition:background .2s,color .2s;}
.domain-seg button.active{background:#fff;color:var(--violet-700);box-shadow:var(--shadow-sm);}

/* DNS box */
.dns-box{background:oklch(0.97 0.01 285);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;margin-top:.5rem;}
.dns-box-title{font-family:"Sora";font-weight:700;font-size:.92rem;color:var(--ink);display:flex;align-items:center;gap:.4rem;}
.dns-box-note{font-size:.82rem;color:var(--ink-soft);margin:.4rem 0 .8rem;}
.dns-row{display:flex;gap:.5rem;margin-bottom:.5rem;}
.dns-row:last-child{margin-bottom:0;}
.dns-input{font-family:"Manrope",monospace;font-size:.86rem;background:#fff;}
.dns-copy-btn{flex:none;padding:.5rem .8rem;}


/* order summary */
.order-summary{border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.order-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;font-size:.92rem;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.order-row:last-child{border-bottom:none;}
.order-row .val{font-family:"Sora";font-weight:700;color:var(--ink);}
.order-row.order-total{background:oklch(0.55 0.21 286 / .06);}
.order-row.order-total span{color:var(--violet-700);font-family:"Sora";font-weight:800;font-size:1.02rem;}

/* notice box */
.notice-box{display:flex;gap:.7rem;align-items:flex-start;background:oklch(0.95 0.03 240 / .5);border:1px solid oklch(0.75 0.08 240 / .4);border-radius:12px;padding:.9rem 1.1rem;}
.notice-box i{color:oklch(0.55 0.15 240);font-size:1.1rem;flex:none;margin-top:.15rem;}
.notice-box p{margin:0;font-size:.86rem;color:oklch(0.35 0.05 250);line-height:1.5;}
.theme-preview{margin-top:.6rem;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:#fafafa;display:flex;gap:1rem;align-items:center;}
.theme-preview-thumb{flex:none;width:100px;height: 166px;border-radius:8px;overflow:hidden;background:oklch(0.94 0.015 285);display:flex;align-items:center;justify-content:center;color:oklch(0.68 0.02 285);}
.theme-preview-thumb img{width:100%;height:100%;object-fit: cover;display:block;}
.theme-preview-thumb i{font-size:1.7rem;}
.theme-preview-body{flex:1;min-width:0;}
.theme-preview-name{font-family:"Sora";font-weight:700;font-size:.95rem;color:var(--ink);margin:0 0 .2rem;}
.theme-preview-desc{font-size:.83rem;color:var(--ink-soft);line-height:1.45;margin:0;}
.theme-preview.is-empty .theme-preview-name{color:var(--ink-soft);}
.theme-preview.is-empty .theme-preview-desc{font-style:italic;}
.theme-preview-demo-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.82rem;font-weight:600;color:var(--violet);text-decoration:none;}
.theme-preview-demo-link:hover{text-decoration:underline;}

.domain-check{margin-top:.5rem;padding:.55rem .8rem;border-radius:10px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.45rem;}
.domain-check-loading{background:oklch(0.95 0.01 285);color:var(--ink-soft);}
.domain-check-ok{background:oklch(0.94 0.08 150 / .5);color:oklch(0.4 0.13 150);}
.domain-check-fail{background:oklch(0.94 0.08 25 / .5);color:oklch(0.45 0.16 25);}