*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152238;background:#fff;line-height:1.6}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:100}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e6e9ef}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#152238}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#17233d;color:#fff;font-size:22px;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#637086;font-size:12px;margin-top:-2px}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{color:#33415a;text-decoration:none;font-weight:650;font-size:14px}.nav-cta{background:#17233d!important;color:#fff!important;padding:10px 15px;border-radius:8px}.menu-button{display:none}.hero{padding:86px 0 76px;background:linear-gradient(135deg,#f7f9fc 0%,#eef4fb 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:12px;color:#3b6ea8;margin-bottom:12px}.eyebrow.light{color:#a9c9ec}h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-.04em;margin:0 0 24px;color:#111d33}h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}h3{line-height:1.25}.hero-lead{font-size:20px;color:#526078;max-width:720px}.hero-actions{display:flex;gap:12px;margin:30px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:9px;padding:13px 19px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:#17233d;color:#fff}.secondary{background:#fff;color:#17233d;border:1px solid #cbd3df}.hero-proof{display:flex;flex-wrap:wrap;gap:9px}.hero-proof span{font-size:13px;background:#fff;border:1px solid #dce2eb;padding:7px 10px;border-radius:999px}.product-window{background:#fff;border:1px solid #d9e0ea;border-radius:18px;box-shadow:0 28px 70px rgba(23,35,61,.15);padding:20px;transform:rotate(1deg)}.window-bar{display:flex;gap:6px;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:15px;margin-bottom:18px}.window-bar span{width:9px;height:9px;border-radius:50%;background:#c9d1dc}.window-bar b{margin-left:8px;font-size:13px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row div,.mini-card{background:#f5f7fa;border-radius:10px;padding:15px}.metric-row strong,.metric-row small,.mini-card strong,.mini-card small{display:block}.metric-row strong,.mini-card strong{font-size:26px}.metric-row small,.mini-card small{font-size:11px;color:#6b778b}.mini-heading{font-size:12px;font-weight:800;color:#6b778b;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.08em}.event-card{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #e1e6ed;border-radius:10px}.event-card b,.event-card span{display:block}.event-card span{font-size:12px;color:#6f7c91}.pill{background:#eaf5ee!important;color:#28633f!important;padding:5px 8px;border-radius:99px}.progress{height:10px;background:#e6ebf1;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#3b6ea8}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.logos-strip{border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;background:#fff}.strip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;padding:20px 0;color:#7a8598;font-size:12px;font-weight:800;letter-spacing:.08em}.section{padding:90px 0}.section.compact{padding:0 0 90px}.section-heading{text-align:center;max-width:820px;margin:0 auto 46px}.section-heading.left{text-align:left;margin-left:0}.section-heading p{color:#69768b;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border:1px solid #e0e5ec;border-radius:14px;padding:22px;background:#fff}.feature-card h3{margin:18px 0 10px}.feature-card p{font-size:14px;color:#667287}.icon{display:grid;place-items:center;width:38px;height:38px;background:#edf3fa;color:#315f93;border-radius:8px;font-weight:850}.dark{background:#17233d;color:#fff}.dark h2{color:#fff}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sector-grid>div{border:1px solid #40506c;border-radius:12px;padding:22px}.sector-grid strong{font-size:18px}.sector-grid p{color:#bdc8d9;font-size:14px}.steps{max-width:860px;margin:auto}.step{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #e1e5eb}.step>span{display:grid;place-items:center;width:48px;height:48px;background:#17233d;color:#fff;border-radius:50%;font-weight:800}.step h3{margin:2px 0 4px}.step p{margin:0;color:#667287}.pale{background:#f5f7fa}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tick-list{list-style:none;padding:0}.tick-list li{padding:8px 0 8px 28px;position:relative}.tick-list li:before{content:"✓";position:absolute;left:0;color:#3b6ea8;font-weight:900}.seating-mock{background:#fff;border-radius:16px;padding:22px;border:1px solid #dfe5ed;box-shadow:0 20px 50px rgba(23,35,61,.08)}.table-title{display:flex;justify-content:space-between;border-bottom:1px solid #e5e9ef;padding-bottom:12px;margin-bottom:8px}.guest{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f5}.guest>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf0f8;font-size:12px;font-weight:800}.guest b,.guest small{display:block}.guest small{color:#728096}.guest em{font-style:normal;font-size:12px;background:#f2f4f7;padding:5px 8px;border-radius:99px}.guest.warning>span{background:#fff0e8;color:#a84d18}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.roles article{border:1px solid #dfe5ed;border-radius:14px;padding:24px}.roles h3{margin-top:0}.roles p{color:#667287}.callout{background:#244367;color:#fff;border-radius:18px;padding:36px 42px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.callout h2{color:#fff}.callout p{color:#d6e3f1}.light-button{background:#fff;color:#17233d}.demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.demo-form{background:#f7f9fc;border:1px solid #dfe5ed;border-radius:14px;padding:24px}.demo-form label{display:block;font-weight:750;margin-bottom:14px}.demo-form input,.demo-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd4df;border-radius:8px;font:inherit;background:#fff}.form-note{font-size:12px;color:#728096;margin-bottom:0}.footer{background:#101a2d;color:#d8e0ea;padding:36px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.footer-grid>div:nth-child(2){display:flex;gap:18px}.footer a{color:#d8e0ea;text-decoration:none}.footer p{grid-column:1/-1;margin:0;font-size:12px;color:#8794a8}.footer .brand{color:#fff}.footer .brand small{color:#9eabbf}@media(max-width:900px){.hero-grid,.showcase-grid,.demo-grid{grid-template-columns:1fr}.product-window{transform:none}.feature-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(3,1fr)}.main-nav{position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid #e1e6ed;padding:16px 20px;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-button{display:block;border:1px solid #ccd4df;background:#fff;border-radius:8px;padding:8px 12px}.callout{grid-template-columns:1fr}.roles{grid-template-columns:1fr}}@media(max-width:620px){.wrap{width:min(100% - 28px,1160px)}.hero{padding:56px 0}.section{padding:64px 0}.feature-grid,.sector-grid{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.button{width:100%}.metric-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:nth-child(2){flex-wrap:wrap}.callout{padding:28px}.guest{grid-template-columns:36px 1fr}.guest em{grid-column:2}}


/* SGEM logo sizing */
.brand-logo-link{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.site-logo{
    display:block;
    height:52px;
    width:auto;
    max-width:300px;
    object-fit:contain;
}

.footer-logo{
    display:block;
    height:64px;
    width:auto;
    max-width:320px;
    object-fit:contain;
    background:#fff;
    border-radius:8px;
    padding:4px 8px;
}

.footer-logo-wrap{
    display:flex;
    align-items:center;
}

@media(max-width:620px){
    .site-logo{
        height:42px;
        max-width:220px;
    }

    .footer-logo{
        height:52px;
        max-width:240px;
    }
}


/* Expanded SGEM sectors */

.sector-intro {
    color:#c7d2e2;
    font-size:18px;
    max-width:780px;
}

.sector-grid.expanded {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.sector-card {
    position:relative;
    padding:27px;
    border:1px solid #40506c;
    border-radius:14px;
    background:rgba(255,255,255,.025);
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.sector-card:hover {
    transform:translateY(-3px);
    border-color:#6983a7;
    background:rgba(255,255,255,.045);
}

.sector-card h3 {
    color:#fff;
    margin:0 0 10px;
    font-size:21px;
}

.sector-card p {
    color:#c3cede;
    margin:0 0 18px;
}

.sector-card small {
    display:block;
    padding-top:14px;
    border-top:1px solid #36455f;
    color:#8fa1ba;
    font-size:12px;
    line-height:1.6;
}

.sector-bottom-message {
    margin-top:28px;
    padding:28px 30px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px 30px;
    align-items:center;
    border:1px solid #40506c;
    border-radius:14px;
    background:#1c2b47;
}

.sector-bottom-message strong {
    display:block;
    color:#fff;
    font-size:20px;
}

.sector-bottom-message p {
    margin:0;
    color:#b9c6d8;
    grid-column:1;
}

.sector-bottom-message .button {
    grid-column:2;
    grid-row:1 / span 2;
}

@media(max-width:800px) {

    .sector-grid.expanded {
        grid-template-columns:1fr;
    }

    .sector-bottom-message {
        grid-template-columns:1fr;
    }

    .sector-bottom-message .button {
        grid-column:1;
        grid-row:auto;
        margin-top:10px;
    }
}

/* HostSuite migrated brand */
.hostsuite-header-logo{display:block;height:56px;width:auto;max-width:310px}
.hostsuite-footer-logo{display:block;height:72px;width:auto;max-width:360px;background:#fff;border-radius:8px;padding:4px 8px}
.hostsuite-brand{display:flex;align-items:center}
@media(max-width:620px){.hostsuite-header-logo{height:44px;max-width:235px}.hostsuite-footer-logo{height:58px;max-width:260px}}


/* HostSuite feature cards - match sector behaviour */

.feature-grid.feature-grid-enhanced {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
}

.feature-card.feature-card-enhanced {
    position:relative;
    padding:27px;
    border:1px solid #dfe5ed;
    border-radius:14px;
    background:#fff;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.feature-card.feature-card-enhanced:hover {
    transform:translateY(-3px);
    border-color:#9aaac0;
    background:#fbfcfe;
    box-shadow:0 12px 30px rgba(20,33,61,.08);
}

.feature-card.feature-card-enhanced h3 {
    margin:0 0 10px;
    font-size:21px;
    color:#14213d;
}

.feature-card.feature-card-enhanced p {
    margin:0;
    color:#657286;
    font-size:15px;
    line-height:1.65;
}

/*
 * The old feature number badge is deliberately hidden as a fallback
 * in case any numbered icon remains in cached/older HTML.
 */
#features .icon,
#features .sector-number {
    display:none !important;
}

@media(max-width:800px) {

    .feature-grid.feature-grid-enhanced {
        grid-template-columns:1fr;
    }

}

/* End HostSuite feature cards */