:root{--hp-bg:#07131b;--hp-panel:#10232c;--hp-green:#58bd6e;--hp-text:#eaf2f1;--hp-muted:#bdd0d2}
body.page-template-page-home-custom{margin:0;background:var(--hp-bg);color:var(--hp-text);font-family:Arial,sans-serif}
.hp,.hp *{box-sizing:border-box}
.hp{font-size:17px;line-height:1.75}
.hp section{padding:72px 24px}
.hp-inner{max-width:1200px;margin:auto}
.hp h1,.hp h2,.hp h3{line-height:1.2;letter-spacing:-.025em;color:var(--hp-text)}
.hp h1{font-size:clamp(36px,4.5vw,62px);margin:16px 0 24px}
.hp h2{font-size:clamp(28px,3vw,40px);margin:0 0 20px}
.hp h3{font-size:22px;margin:0 0 16px}
.hp p{margin:0 0 20px;color:var(--hp-muted)}
.hp a{color:#94e5a5}
.hp a:focus-visible{outline:3px solid #94e5a5;outline-offset:5px}
.hp-eyebrow{color:#94e5a5;font-size:14px;font-weight:700;letter-spacing:.06em}
.hp-hero{background:radial-gradient(ellipse at 85% 40%,#03481280,transparent 60%)}
.hp-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.hp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.hp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #58bd6e;border-radius:10px;text-decoration:none;font-size:16px;font-weight:700}
.hp-button.primary{background:#58bd6e;color:#071b0c}
.hp-button.secondary{color:#eaf2f1}
.hp-visual{padding:28px;background:#10232c;border:1px solid #36565e;border-radius:20px}
.hp-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-visual-grid div{padding:18px;background:#071b22;border:1px solid #36565e;border-radius:10px;font-size:16px}
.hp-availability{border-top:1px solid #36565e;margin-top:22px;padding-top:20px}
.hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hp-card{padding:28px;background:var(--hp-panel);border:1px solid #36505a;border-radius:16px;display:flex;flex-direction:column}
.hp-card a{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.hp-process{background:#0d2028}
.hp-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hp-step{border-top:3px solid #58bd6e;padding-top:20px}
.hp-number{display:block;color:#94e5a5;font-size:15px;margin-bottom:12px}
.hp-note{font-size:14px}
.hp-cta{text-align:center;background:linear-gradient(120deg,#034812,#10232c)}
.hp-cta p{max-width:760px;margin:0 auto 20px}
@media(max-width:900px){.hp-hero-grid{grid-template-columns:1fr}.hp-process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hp{font-size:16px}.hp section{padding:44px 20px}.hp-grid,.hp-process-grid{grid-template-columns:1fr}.hp-card{padding:22px}.hp-hero-grid{gap:28px}}
/* hp-v2-components */
.hp-service-icon{width:36px;height:36px;color:#94e5a5;margin-bottom:18px}
.hp-logo-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.hp-logo-tile{height:68px;position:relative;overflow:hidden;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}
.hp-logo-tile img{width:100%;height:42px;object-fit:contain}
.hp-logo-tile.padded img{position:absolute;width:200px;height:200px;max-width:none}
.hp-logo-tile.avaya{background:#243145}
.hp-logo-tile.avaya img{width:200px;height:auto;max-width:none}
.hp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hp-faq details{border-bottom:1px solid #36505a;padding:18px 0}
.hp-faq summary{cursor:pointer;font-size:18px;font-weight:700;line-height:1.5}
.hp-faq details p{margin:14px 0 0}
.hp-faq summary:focus-visible{outline:3px solid #94e5a5;outline-offset:5px}
.hp section[id]{scroll-margin-top:24px}
.tt-header .tt-contact,.tt-nav>.tt-mobile-contact{background:#58bd6e;color:#071b0c}
@media(max-width:900px){.hp-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-three{grid-template-columns:1fr}}
@media(max-width:600px){.hp-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Homepage mobile refinement */
.hp-logo-grid + .hp-note{margin-top:14px}
@media(max-width:600px){
    .hp .hp-hero{padding-top:28px}
    .hp h1{font-size:34px;line-height:1.18}
    .hp h2{font-size:27px;line-height:1.3}
    .hp h3{font-size:21px}
    .hp-card{padding:20px}
    .hp-card p{margin-bottom:14px}
    .hp-visual{padding:20px}
    .hp-visual-grid{grid-template-columns:1fr;gap:8px}
    .hp-visual-grid div{padding:10px 14px;font-size:15px}
    .hp-actions{display:grid;grid-template-columns:1fr}
    .hp-actions .hp-button{width:100%}
    .hp-process-grid{gap:24px}
    .hp-step{padding-top:14px}
    .tt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
    .tt-footer-grid>section{grid-column:1/-1}
    .tt-footer a{font-size:14px}
    .tt-footer p{font-size:15px}
}

