/*
Theme Name: Try2Manage
Theme URI: https://helpusmanage.com
Author: Try2Manage
Description: Enterprise AI services by Nexis.
Version: 1.0.3
Text Domain: helpusmanage
*/

:root {
  --ink: #172052;
  --ink-deep: #080d28;
  --cream: #f5f6fb;
  --paper: #ffffff;
  --sand: #dfe2ef;
  --terracotta: #ff8066;
  --terracotta-dark: #df5746;
  --sage: #67e2c2;
  --muted: #59617b;
  --line: rgba(23, 32, 82, .14);
  --shadow: 0 24px 70px rgba(8, 13, 40, .14);
  --radius: 24px;
  --wrap: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink-deep);
  background: var(--paper);
  font-family: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.wrap { width: var(--wrap); margin-inline: auto; }
.eyebrow { color: var(--terracotta-dark); font-size: .77rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3 { margin: 0; font-family: "Space Grotesk", Manrope, ui-sans-serif, system-ui, sans-serif; font-weight: 600; line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(3.1rem, 7vw, 6.7rem); }
h2 { font-size: clamp(2.25rem, 4.5vw, 4.3rem); }
h3 { font-size: 1.55rem; }
p { margin: 0; }

.site-header { position: absolute; inset: 0 0 auto; z-index: 10; padding: 26px 0; color: #fff; }
body:not(.home) .site-header { position: relative; background: var(--ink-deep); }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -.03em; font-size: 1.25rem; }
.brand-logo { width: 76px; height: 76px; object-fit: contain; border-radius: 2px; }
.brand-logo-footer { width: 92px; height: 92px; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.55); color:var(--sage);font-family:"Space Grotesk",sans-serif; }
.menu { display: flex; align-items: center; gap: 28px; font-size: .92rem; font-weight: 650; }
.menu a { opacity: .88; }
.menu a:hover { opacity: 1; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 22px; border: 0; border-radius: 999px; background: var(--terracotta); color: var(--ink-deep); font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px rgba(255,128,102,.24); transition: transform .2s ease, background .2s ease; }
.button:hover { background: var(--terracotta-dark); transform: translateY(-2px); }
.button-light { background: var(--terracotta); color: var(--ink); box-shadow: none; }
.button-ghost { border: 1px solid rgba(255,255,255,.72); background: rgba(14,38,71,.36); color:#fff;box-shadow: none; backdrop-filter: blur(10px); }

.hero { position: relative; min-height: max(600px, calc(100svh - 151px)); display: grid; align-items: end; overflow: hidden; color: #fff; background: var(--ink-deep) url("assets/helpusmanage-gantt-hero-v2.png") center/cover no-repeat; }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,13,40,.99) 0%, rgba(8,13,40,.96) 56%, rgba(8,13,40,.46) 78%, rgba(8,13,40,.08) 100%), linear-gradient(0deg, rgba(8,13,40,.62), transparent 45%); }
.hero-inner { position: relative; z-index: 1; padding: 145px 0 54px; }
.hero-copy { max-width: 730px; }
.hero .eyebrow { color: var(--terracotta); }
.hero h1 { margin: 14px 0 20px; max-width: 900px; font-size: clamp(2.8rem, 5.2vw, 5.4rem); font-weight:500; }
.hero p { max-width: 610px; color: rgba(255,255,255,.86); font-size: clamp(1.05rem, 2vw, 1.3rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 38px; color: rgba(255,255,255,.82); font-size: .87rem; font-weight: 650; }
.hero-proof span::before { content: "\2713"; margin-right: 8px; color: var(--sage); font-weight: 900; }

.trust { position: relative; z-index: 2; padding: 0; border-bottom: 1px solid rgba(23,32,82,.12); background: var(--terracotta); color:var(--ink-deep); }
.trust-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.trust-item { position: relative; display: flex; min-width: 0; min-height: 150px; flex-direction: column; justify-content: center; padding: 26px 18px; border-right: 1px solid rgba(8,13,40,.18); transition: background .2s ease, transform .2s ease; }
.trust-item:first-child { border-left: 1px solid rgba(255,255,255,.25); }
.trust-item:hover, .trust-item:focus-visible { background: rgba(14,38,71,.14); }
.trust-item:focus-visible { z-index: 1; outline: 3px solid var(--ink); outline-offset: -3px; }
.trust-item strong { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--ink-deep); font-size: 1rem; text-align: center; }
.trust-item strong::after { content: ""; }
.trust-item:hover strong::after, .trust-item:focus-visible strong::after { transform: translate(3px, 1px); }
.trust-item > span:last-child { margin-top: 4px; color: rgba(255,255,255,.9); font-size: .72rem; line-height: 1.4; }

.section { padding: 108px 0; }
.section-head { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.section-head p { max-width: 620px; color: var(--muted); font-size: 1.08rem; }
.hnx-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hnx-service-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 18px; min-height: 285px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 30px rgba(16,39,35,.04); }
.hnx-service-number { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--cream); color: var(--terracotta-dark); font-weight: 850; line-height: 1; }
.hnx-service-content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.hnx-service-content h3 { margin: 5px 0 14px; }
.hnx-service-content p { color: var(--muted); font-size: .94rem; }
.hnx-service-link { display: inline-block; margin-top: auto; padding-top: 22px; color: var(--terracotta-dark); font-weight: 800; font-size: .88rem; }

.feature { background: var(--ink); color: #fff; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.feature-panel { position: relative; min-height: 570px; padding: 42px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, #c9fff0, #e9e9ff); color: var(--ink); }
.feature-panel::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 360px; height: 360px; border: 80px solid var(--terracotta); border-radius: 50%; }
.metric-card { position: relative; z-index: 1; max-width: 340px; padding: 24px; border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.metric-card + .metric-card { margin: 130px 0 0 auto; }
.metric { font: 600 2.65rem/1 "Space Grotesk", sans-serif; }
.metric-label { margin-top: 8px; color: var(--muted); font-size: .86rem; }
.feature-copy .eyebrow { color: var(--terracotta); }
.feature-copy h2 { margin: 18px 0 24px; }
.check-list { display: grid; gap: 15px; margin: 32px 0 38px; padding: 0; list-style: none; color: rgba(255,255,255,.8); }
.check-list li { padding-left: 30px; position: relative; }
.check-list li::before { content: "\2713"; position: absolute; left: 0; color: var(--terracotta); font-weight: 900; }

.process { background: var(--cream); }
.hnx-process-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.hnx-process-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 18px; min-height: 170px; padding: 26px; border: 1px solid var(--sand); border-radius: 20px; background: rgba(255,255,255,.58); }
.hnx-process-number { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #fff; color: var(--terracotta-dark); font-weight: 850; line-height: 1; box-shadow: 0 8px 22px rgba(16,39,35,.06); }
.hnx-process-content { min-width: 0; }
.hnx-process-content h3 { margin: 5px 0 13px; }
.hnx-process-content p { color: var(--muted); font-size: .92rem; }

.security-note { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; padding: 58px; border-radius: 32px; background: #eef0ea; }
.security-note h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.security-note p { color: var(--muted); }
.fine { margin-top: 18px; font-size: .78rem; }

.booking { background: var(--paper); }
.booking-shell { display: grid; grid-template-columns: .82fr 1.18fr; overflow: hidden; border: 1px solid var(--line); border-radius: 32px; box-shadow: var(--shadow); }
.booking-copy { padding: 54px; background: var(--ink); color: #fff; }
.booking-copy h2 { margin: 16px 0 20px; font-size: clamp(2.2rem, 4vw, 3.8rem); }
.booking-copy p { color: rgba(255,255,255,.75); }
.booking-form { padding: 54px; background: #fff; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 7px; }
.field-full { grid-column: 1 / -1; }
label { font-size: .8rem; font-weight: 800; }
input, select, textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfaf7; color: var(--ink); font: inherit; }
textarea { min-height: 110px; resize: vertical; }
.form-submit { margin-top: 18px; }
.honeypot { position: absolute !important; left: -9999px !important; }
.notice { margin-bottom: 18px; padding: 12px 15px; border-radius: 10px; background: #e6f2e8; color: #285533; }
#amelia-v2-booking-1000 { margin-top: 38px; }

/* The service configurator inherits the Try2Manage identity. */
.hnwb-booking h2,.hnwb-booking legend,.hnwb-booking label { color:var(--ink);font-family:Manrope,sans-serif; }
.hnwb-booking { border-color:var(--line);box-shadow:0 16px 45px rgba(14,38,71,.09); }
.hnwb-package:has(input:checked) { border-color:var(--ink);background:#f1f5fa;box-shadow:0 0 0 2px rgba(14,38,71,.12); }
.hnwb-booking input:focus,.hnwb-booking select:focus,.hnwb-booking textarea:focus { border-color:var(--ink)!important;box-shadow:0 0 0 3px rgba(14,38,71,.13)!important; }
.hnwb-booking .button { background:var(--terracotta);color:var(--ink); }
.hnwb-booking .button:hover { background:var(--terracotta-dark); }
#hnwb-status[data-state=valid] { color:#0e5c46; }
.ui-datepicker .ui-state-active { background:var(--ink)!important;color:#fff!important; }
.ui-datepicker-close { background:var(--ink)!important; }

.site-footer { padding: 58px 0 30px; background: var(--ink-deep); color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 60px; }
.footer-copy { max-width: 420px; margin-top: 18px; color: rgba(255,255,255,.65); }
.footer-title { margin-bottom: 14px; color: rgba(255,255,255,.45); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.footer-links { display: grid; gap: 9px; color: rgba(255,255,255,.78); font-size: .9rem; }
.copyright { margin-top: 52px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.45); font-size: .78rem; }

@media (max-width: 900px) {
  .menu a:not(.button) { display: none; }
  .hero { min-height: 620px; background-position: 58% center; }
  .hero::before { background: linear-gradient(90deg, rgba(14,38,71,.92), rgba(14,38,71,.5)); }
  .trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .trust-item { min-height: 136px; border-bottom: 1px solid rgba(255,255,255,.25); }
  .hnx-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section-head, .feature-grid, .security-note, .booking-shell, .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .feature-panel { min-height: 430px; }
}

@media (max-width: 580px) {
  :root { --wrap: min(100% - 28px, 1180px); }
  .site-header { padding-top: 18px; }
  .brand-logo { width:58px;height:58px; }
  .menu .button { min-height: 42px; padding-inline: 15px; font-size: .8rem; }
  .hero { min-height: 600px; }
  .hero-inner { padding: 115px 0 42px; }
  .hero h1 { font-size: clamp(2.45rem, 11vw, 3.5rem); }
  .hero h1 { margin: 12px 0 18px; }
  .hero-actions { margin-top: 24px; }
  .hero-proof { display: grid; gap: 8px; margin-top: 28px; }
  .trust-grid { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .trust-grid::-webkit-scrollbar { display: none; }
  .trust-item { min-width: 72vw; min-height: 148px; scroll-snap-align: start; }
  .hnx-service-grid, .hnx-process-grid, .form-grid { grid-template-columns: 1fr; }
  .section { padding: 76px 0; }
  .hnx-service-card { min-height: 0; padding: 24px; }
  .hnx-process-card { min-height: 0; padding: 22px; }
  .security-note, .booking-copy, .booking-form { padding: 32px 24px; }
}

.service-price { display:block; margin-top:18px; color:var(--ink); font-size:1.1rem; font-weight:800; }
.hnx-service-card { min-height:330px; }
.hero { background-image:linear-gradient(90deg,rgba(9,27,52,.99) 0%,rgba(9,27,52,.93) 38%,rgba(9,27,52,.42) 72%,rgba(9,27,52,.18) 100%),linear-gradient(0deg,rgba(9,27,52,.62),transparent 58%),url("assets/nexisai-neural-hero-v2.png"); background-position:center 48%; background-size:cover; background-color:#091b34; }
.feature-panel { background:linear-gradient(145deg,#b8c7ff,#eee9ff); }


.brand-mark { display:block; width:42px; height:42px; flex-shrink:0; border:0; border-radius:10px; }

.product-overview{max-width:850px}.product-overview h2{margin-top:2rem}.product-overview li{margin:.65rem 0}.product-overview .button{margin-top:1rem}

.demo-button{margin-top:14px;display:inline-block;font-size:13px;padding:10px 16px}

/* Product cards: full-width content with one consistently spaced action area. */
.hnx-service-card { display:flex; flex-direction:column; gap:18px; min-height:0; padding:28px; }
.hnx-service-number { flex-shrink:0; width:36px; height:36px; font-size:.82rem; }
.hnx-service-content { flex:1; align-items:stretch; }
.hnx-service-content h3 { margin:0 0 12px; line-height:1.25; min-height:2.5em; }
.hnx-service-content > p { margin:0; line-height:1.65; }
.hnx-service-footer { margin-top:auto; padding-top:24px; }
.hnx-service-footer .service-price { margin:0; font-size:1rem; line-height:1.5; }
.hnx-service-actions { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-top:16px; }
.hnx-service-actions .hnx-service-link { margin:0; padding:0; line-height:1.5; }
.hnx-service-actions .demo-button { margin:0; padding:10px 16px; white-space:nowrap; }
@media(max-width:640px){
 .hnx-service-card { padding:24px; gap:16px; }
 .hnx-service-content h3 { min-height:0; }
 .hnx-service-footer { padding-top:20px; }
}