.elementor-kit-1783{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1783 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1488px;}.e-con{--container-max-width:1488px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:540px;}.e-con{--container-max-width:540px;}}/* Start custom CSS *//* ===== Global Reset + Mobile-first base ===== */
:root{
  --max-w: 1200px;
  --page-pad: clamp(12px, 3vw, 24px);
  --radius: 16px;
  --gap: 24px;

  --bg:#0b0b0b; --surface:#121212; --border:#2b2b2b;
  --text:#eaeaea; --muted:#a9a9a9; --accent:#38bdf8;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font: 400 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding-left: env(safe-area-inset-left);   /* iOS notch safe area */
  padding-right: env(safe-area-inset-right);
}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}
button, a{ -webkit-tap-highlight-color: transparent; }

/* Container that centers content */
.kp-wrap{ width:100%; max-width:var(--max-w); margin:0 auto; padding-inline:var(--page-pad); }

/* Headings scale fluidly */
h1{ font-size: clamp(28px, 3.5vw, 56px); line-height:1.15; margin:0 0 12px }
h2{ font-size: clamp(22px, 2.4vw, 32px); margin:0 0 12px }
h3{ font-size: clamp(16px, 1.6vw, 20px); margin:0 }

/* ===== Reusable grid (1 → 2 → 3 columns) ===== */
.kp-grid{
  display:grid; gap: var(--gap);
  grid-template-columns: 1fr;             /* phones */
}
@media (min-width: 640px){                /* small tablets */
  .kp-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px){               /* laptops/desktop */
  .kp-grid{ grid-template-columns: repeat(3, 1fr); }
}

/* ===== Card (works for plugin card & portfolio items) ===== */
.kp-card{
  background: linear-gradient(180deg,#1a1a1a 0%,#111 100%);
  border:1px solid var(--border);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.kp-card:hover{ transform: translateY(-2px); box-shadow:0 14px 40px rgba(0,0,0,.45) }
.kp-thumb{ position:relative; aspect-ratio:16/9; background:#1f1f1f; }
.kp-thumb > img{ width:100%; height:100%; object-fit:cover }
.kp-body{ padding: clamp(12px, 2vw, 18px) }
.kp-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap }
.kp-badge{
  font:600 11px/1 system-ui; color:#ddd; background:#151515;
  border:1px solid var(--border); padding:6px 10px; border-radius:999px; white-space:nowrap;
}
.kp-desc{ color:var(--muted); margin:10px 0 0 }

/* Buttons */
.kp-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px }
.kp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:10px 14px; border-radius:12px;
  font:600 14px/1 system-ui; text-decoration:none;
}
.kp-btn.primary{ background:var(--accent); color:#0b0b0b }
.kp-btn.primary:hover{ filter:brightness(1.05) }
.kp-btn.ghost{ border:1px solid var(--border); background:#171717; color:#eee }
.kp-btn.ghost:hover{ background:#1d1d1d }

/* ===== Sections ===== */
section.kp-section{ padding-block: clamp(40px, 7vw, 80px) }
.kp-section .kp-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:18px;
}
.kp-link{ color:var(--accent); font-weight:500 }
.kp-link:hover{ text-decoration:underline }

/* ===== Footer stack on mobile ===== */
.kp-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-block:20px; border-top:1px solid var(--border) }

/* ===== Accessibility / Motion ===== */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

/* ===== Extra fine-tuning for very small phones ===== */
@media (max-width: 360px){
  :root{ --gap: 16px; }
  .kp-badge{ padding:4px 8px }
  .kp-btn{ padding:8px 12px; min-height:40px }
}/* End custom CSS */