:root{
  /* Default brand: white background + light green trim (can be overridden via Customizer). */
  --llt-accent:#22c55e;        /* overridden via Customizer inline CSS */
  --llt-bg:#ffffff;            /* overridden via Customizer inline CSS */
  --llt-radius:18px;           /* overridden via Customizer inline CSS */

  --llt-text:#0c1222;
  --llt-muted:#56607a;
  --llt-surface:#ffffff;
  --llt-surface2:#fbfbfe;
  --llt-border:rgba(12,18,34,.10);
  --llt-ring:rgba(34,197,94,.24);
  --llt-accent-soft:rgba(34,197,94,.10);
  --llt-accent-soft2:rgba(34,197,94,.18);
  --llt-shadow:0 12px 40px rgba(12,18,34,.08);
  --llt-shadow2:0 8px 22px rgba(12,18,34,.10);
  /* Wider layout on desktop/tablet for a more "portal" feel */
  --llt-shell:1320px;
}

*{box-sizing:border-box}
html,body{height:100%}
body.llt{
  margin:0;
  color:var(--llt-text);
  /* White canvas, subtle green trim comes from borders + accents. */
  background:var(--llt-bg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  /* Slightly smaller base text for cleaner dashboards (keeps headings readable) */
  font-size:15px;
  line-height:1.55;
}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;height:auto;display:block}

.llt-shell{max-width:var(--llt-shell);margin:0 auto;padding:0 18px}
.llt-main{min-height:60vh}

/* Header */
.llt-header{
  position:sticky;top:0;z-index:50;
  
  position:relative;backdrop-filter:saturate(160%) blur(10px);
  background:rgba(255,255,255,.72);
  border-bottom:1px solid var(--llt-border);
}

.llt-header:before{content:\"\";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--llt-accent), rgba(34,197,94,.55), rgba(34,197,94,0));opacity:.95}
.llt-header .llt-shell{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px}
.llt-brand{display:flex;align-items:center;gap:12px}
.llt-logo{display:flex;align-items:center;gap:10px}
.llt-logo-text{font-weight:800;letter-spacing:-.02em}
.llt-navbtn{
  display:none;
  border:1px solid var(--llt-border);
  background:rgba(255,255,255,.7);
  border-radius:999px;
  padding:10px 12px;
  box-shadow:0 8px 18px rgba(12,18,34,.06);
}
.llt-navbtn:focus{outline:none;box-shadow:0 0 0 4px var(--llt-ring)}

/* Menu */
.llt-menu{list-style:none;display:flex;gap:10px;margin:0;padding:0;align-items:center}
.llt-menu a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  color:var(--llt-muted);
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.llt-menu a:hover{background:var(--llt-accent-soft);color:var(--llt-text);transform:translateY(-1px)}
.llt-menu .current-menu-item>a,.llt-menu .current_page_item>a,.llt-menu .current>a{
  background:rgba(12,18,34,.06);
  color:var(--llt-text);
}


/* Dropdowns (desktop) */
.llt-menu li{position:relative}
.llt-menu .menu-item-has-children > a:after{
  content:"▾";
  font-weight:900;
  margin-left:8px;
  opacity:.7;
}
.llt-menu .sub-menu{
  display:none;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  min-width:240px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--llt-border);
  box-shadow:var(--llt-shadow2);
}
.llt-menu li:hover > .sub-menu,
.llt-menu li:focus-within > .sub-menu{
  display:block;
}
.llt-menu .sub-menu a{
  width:100%;
  justify-content:flex-start;
  gap:10px;
  font-weight:900;
  font-size:13px;
  border-radius:12px;
  padding:11px 12px;
  color:var(--llt-muted);
  background:transparent;
}

.llt-menu .sub-menu a:before{
  content:"›";
  display:inline-flex;
  width:14px;
  justify-content:center;
  opacity:.55;
  transform:translateY(-1px);
  font-weight:900;
}
.llt-menu .sub-menu li + li a{
  border-top:1px solid rgba(11,18,32,.06);
}
.llt-menu .sub-menu a:hover{
  background:var(--llt-accent-soft);
  color:var(--llt-text);
  transform:none;
}


/* Buttons */
.llt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px;border-radius:999px;
  border:1px solid transparent;
  background:linear-gradient(135deg, var(--llt-accent), #16a34a);
  color:#fff;font-weight:800;
  box-shadow:0 10px 26px rgba(34,197,94,.18);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.llt-btn:hover{transform:translateY(-1px);filter:saturate(1.02);box-shadow:0 14px 32px rgba(34,197,94,.22)}
.llt-btn:focus{outline:none;box-shadow:0 0 0 4px var(--llt-ring), 0 14px 32px rgba(34,197,94,.20)}
.llt-btn-ghost{
  background:rgba(255,255,255,.7);
  border:1px solid var(--llt-border);
  color:var(--llt-text);
  box-shadow:0 10px 22px rgba(12,18,34,.06);
}
.llt-btn-ghost:hover{background:#fff;box-shadow:0 14px 30px rgba(12,18,34,.08)}

/* Hero */
.llt-hero{
  padding:54px 0 26px;
}
.llt-hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;
}
.llt-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--llt-muted);
  background:rgba(255,255,255,.65);
  border:1px solid var(--llt-border);
  border-radius:999px;
  padding:8px 12px;
}
.llt-hero-title{
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.06;
  letter-spacing:-.03em;
  margin:14px 0 10px;
}
.llt-hero-sub{
  margin:0 0 18px;
  color:var(--llt-muted);
  font-size:16px;
  max-width:56ch;
}
.llt-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.llt-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.llt-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 12px;border-radius:999px;
  border:1px solid var(--llt-border);
  background:rgba(255,255,255,.7);
  color:var(--llt-muted);
  font-size:13px;
}
.llt-hero-card{
  border-radius:calc(var(--llt-radius) + 6px);
  background:
    radial-gradient(620px 260px at 18% 0%, var(--llt-accent-soft2), transparent 58%),
    rgba(255,255,255,.92);
  border:1px solid var(--llt-border);
  box-shadow:var(--llt-shadow);
  padding:16px;
}
.llt-hero-mini{padding:34px 0 18px}
.llt-hero-mini .llt-hero-title{font-size:clamp(26px, 3.2vw, 36px)}

/* Sections */
.llt-section{padding:16px 0 44px}
.llt-sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}
.llt-h1,.llt-h2,.llt-h3{letter-spacing:-.02em;margin:0}
.llt-h2{font-size:22px}
.llt-sub{color:var(--llt-muted);margin:0}

/* Cards + grids */
.llt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.llt-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.llt-card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--llt-border);
  border-radius:var(--llt-radius);
  box-shadow:0 10px 26px rgba(12,18,34,.06);
  padding:16px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.llt-card:hover{transform:translateY(-2px);box-shadow:var(--llt-shadow2);background:#fff}
.llt-cardlink{display:block}
.llt-meta{color:var(--llt-muted);font-size:13px;margin-top:8px}
.llt-excerpt{color:var(--llt-muted);margin-top:10px}

.llt-featlist{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.llt-feat{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px;border-radius:14px;
  background:var(--llt-surface2);
  border:1px solid rgba(12,18,34,.08);
}
.llt-featureimg{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg, var(--llt-accent-soft2), rgba(12,18,34,.06))}

/* Content */
.llt-content{padding:18px}
.llt-content h2{margin:18px 0 10px}
.llt-content p{margin:10px 0;color:var(--llt-text)}
.llt-content ul{margin:10px 0 10px 18px}
.llt-content li{margin:6px 0;color:var(--llt-text)}

/* Pagination */
.nav-links,.llt-pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.nav-links a,.llt-pager a{
  padding:10px 12px;border-radius:999px;
  border:1px solid var(--llt-border);
  background:rgba(255,255,255,.75);
  color:var(--llt-text);
}
.nav-links a:hover,.llt-pager a:hover{background:#fff}

/* Footer */
.llt-footer{
  border-top:1px solid var(--llt-border);
  background:rgba(255,255,255,.65);
  backdrop-filter:saturate(160%) blur(10px);
}
.llt-footer-grid{
  display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;
  padding:22px 18px;
}
.llt-footbrand{font-weight:900;letter-spacing:-.02em}
.llt-footmini{color:var(--llt-muted);margin-top:6px;font-size:13px}
.llt-footmenu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.llt-footmenu a{color:var(--llt-muted)}
.llt-footmenu a:hover{color:var(--llt-text)}
.llt-footright{display:flex;align-items:flex-end;justify-content:flex-end}

/* Mobile */
@media (max-width: 900px){
  .llt-grid,.llt-3col{grid-template-columns:repeat(2,1fr)}
  .llt-hero-grid{grid-template-columns:1fr}
  .llt-footer-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .llt-navbtn{display:inline-flex}
  .llt-nav{display:none;position:absolute;left:12px;right:12px;top:64px}
  .llt-nav.is-open{display:block}
  .llt-menu{flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--llt-border);border-radius:16px;padding:10px;box-shadow:var(--llt-shadow)}
  .llt-menu a{justify-content:space-between}

  .llt-menu .sub-menu{
    display:none;
    position:static;
    min-width:0;
    padding:6px 0 0 10px;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .llt-menu li.llt-subopen > .sub-menu{display:block}
  .llt-menu .menu-item-has-children > a:after{content:"▸"}
  .llt-menu li.llt-subopen > a:after{content:"▾"}
}
@media (max-width: 520px){
  .llt-grid,.llt-3col{grid-template-columns:1fr}
  .llt-shell{padding:0 14px}
  .llt-hero{padding:44px 0 18px}
  body.llt{font-size:16px}
}

/* Forms (general, helps plugins too) */
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],select,textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(12,18,34,.14);
  background:rgba(255,255,255,.9);
  color:var(--llt-text);
  outline:none;
  transition:box-shadow .15s ease, border-color .15s ease;
}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{
  border-color:var(--llt-accent);
  box-shadow:0 0 0 4px var(--llt-ring);
}
label{font-weight:700;color:var(--llt-text)}

/* =========================
   Workflows Hub (portal)
   ========================= */
.llwh-wrap{max-width:1400px;margin:0 auto;padding:18px 14px 26px}
.llwh-hero{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:stretch;background:#fff;border:1px solid var(--llt-border);border-radius:calc(var(--llt-radius) + 2px);padding:18px;box-shadow:0 10px 24px rgba(12,18,34,.06)}
.llwh-title{margin:6px 0;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.llwh-sub{margin:0 0 12px;opacity:.85;color:var(--llt-muted)}
.llwh-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.llwh-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#0c1222;color:#fff;text-decoration:none;font-weight:900}
.llwh-btn:hover{transform:translateY(-1px)}
.llwh-btn-ghost{background:#fff;color:var(--llt-text);border:1px solid var(--llt-border)}
.llwh-btn-ghost:hover{background:rgba(255,255,255,.95)}
.llwh-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
.llwh-card{background:#fff;border:1px solid var(--llt-border);border-radius:calc(var(--llt-radius) + 2px);padding:14px;box-shadow:0 8px 18px rgba(12,18,34,.05);display:flex;flex-direction:column;min-height:240px}
.llwh-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.llwh-badge{width:34px;height:34px;border-radius:12px;background:var(--llt-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000}
.llwh-tag{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(12,18,34,.04);border:1px solid rgba(12,18,34,.06);color:var(--llt-muted)}
.llwh-steps{margin-top:auto;font-size:13px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);line-height:1.35;color:var(--llt-text)}
.llwh-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;background:linear-gradient(135deg,var(--llt-accent),#16a34a);color:#fff;text-decoration:none;font-weight:1000;box-shadow:0 10px 24px rgba(34,197,94,.18)}
.llwh-link:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(34,197,94,.22)}
@media (max-width:1100px){.llwh-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.llwh-grid{grid-template-columns:1fr;}.llwh-title{font-size:26px}}