.hp{--ink:#162b3d;--gold:#f8c057;--ash:#5a6976;color:var(--ink);background:#fff;font-family:"Open Sans",system-ui,sans-serif;overflow:hidden}.hp *{box-sizing:border-box}.hp-width{width:min(90%,1380px);margin-inline:auto}.hp [hidden]{display:none!important}.hp h1,.hp h2,.hp h3,.hp p,.hp figure,.hp ul,.hp blockquote{margin:0}.hp h1,.hp h2,.hp h3{color:inherit}.hp-hero{background:radial-gradient(ellipse at 95% 70%,#135894 0,transparent 70%),linear-gradient(115deg,#101923,#162f49);color:white;padding:clamp(34px,4.5vw,75px) 0 37px;position:relative}.hp-slide{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;min-height:325px}.hp-kicker,.hp-approach>small{color:#f2c574;font-weight:700;letter-spacing:.11em;font-size:.78rem}.hp-slide :is(h1,h2){font:clamp(40px,4.7vw,76px)/1.04 Georgia,serif;color:white;margin:20px 0}.hp-slide em{display:block;font:inherit;color:#ffd38b}.hp-slide p:not(.hp-kicker){color:#e3eaf1;line-height:1.65;max-width:50ch}.hp-slide figure{background:#101b29;border:1px solid #718699;padding:8px;border-radius:14px;overflow:hidden;min-width:0}.hp-slide figcaption{color:#eaf2ff;font-size:12px;padding:5px 8px 10px}.hp-slide figure img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:5px}.hp-actions{display:flex;gap:20px;align-items:center;margin-top:24px}.hp .hp-btn{display:inline-flex;padding:10px 18px;color:#332812;background:var(--gold);font-weight:700;border-radius:30px;text-decoration:none}.hp-actions button,.hp-dots button{background:none;color:white;border:none;cursor:pointer;font:inherit}.hp-dots button{padding:8px 3px}.hp-dots button:after{content:"";display:block;width:22px;height:3px;background:#8895a2}.hp-dots button[aria-pressed=true]:after{background:var(--gold)}.hp-dots{margin-top:12px}
.hp-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d2dce5;background:white;border-radius:14px;padding:16px 4px;box-shadow:0 5px #e4c489,0 8px #ac8548,0 13px 21px #273a4d24;position:relative;margin-top:-15px}.hp-band:first-child{margin-top:18px}.hp-band>a{text-align:center;display:grid;justify-items:center;gap:5px;padding:4px 8px}.hp-band>a+a{border-inline-start:1px solid #dce3ea}.hp-icon{width:38px;height:38px;color:#276795}.hp-band>a:nth-child(2) .hp-icon{color:#9b701c}.hp-band>a:nth-child(3) .hp-icon{color:#c76224}.hp small,.hp-heading p{color:var(--ash)}.hp-section{padding:35px 0 12px}.hp-heading{text-align:center;margin-bottom:18px}.hp-heading h2,.hp-total h2,.hp-approach h2{font:clamp(23px,2.2vw,34px)/1.2 Georgia,serif}.hp-heading svg{width:110px;height:13px;display:block;margin:4px auto}.hp-heading path{stroke:#638aa7;fill:none;stroke-width:1.8;stroke-dasharray:122 8;animation:hp-trace 5s linear infinite}.hp-heading circle{fill:#d99a35}.hp-heading p{font-size:.93rem}.hp-track{--cards:4;display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;padding:2px 1px 7px;scrollbar-width:thin;scrollbar-color:#d0dae3 transparent}.hp .hp-card{flex:0 0 calc((100% - (var(--cards) - 1)*14px)/var(--cards));min-width:0;border:1px solid #dce3ea;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;padding:13px;display:flex;align-items:center;gap:13px;line-height:1.4}.hp-card>span:last-child{min-width:0}.hp-card small,.hp-quotes small{display:block;margin-top:5px}.hp .hp-product{display:block;padding:5px 5px 12px}.hp-product>img{width:100%;aspect-ratio:2.8/1;object-fit:cover;border-radius:7px}.hp-product>span{display:block;padding:7px 8px 0}.hp-symbol{background:#f5f0e8;color:#956021;width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;font-size:24px}.hp-symbol img{width:30px;height:30px;object-fit:contain}.hp-collab{margin-top:24px;padding:20px 0;background:linear-gradient(110deg,#e9f1f7,#fafbfd)}.hp-collab>.hp-width{display:grid;grid-template-columns:1fr 1.05fr .95fr;align-items:center;gap:22px}.hp-approach>small{color:#8d6013}.hp-approach h2{margin:8px 0}.hp-approach ul{padding-left:20px;font-size:.92rem;color:#405363}.hp-approach li::marker{color:#c87e2b}.hp-approach .hp-btn{float:right;padding:5px 15px;font-size:.9rem;margin-top:8px}.hp-handshake{display:block;width:100%;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.hp-quotes figcaption{display:flex;align-items:center;gap:10px}.hp-quotes img{width:46px;height:46px;border-radius:50%;object-fit:cover}.hp-quotes blockquote{padding:12px 0 0 15%;font:clamp(17px,1.7vw,25px)/1.35 Georgia,serif;text-align:right}.hp-projects{--cards:3}.hp-projects img{width:52px;height:52px;object-fit:contain}
.hp-insights{margin-top:28px;background:#f2f5f7;padding:26px 0}.hp-insights>.hp-width{display:grid;grid-template-columns:1.2fr .9fr 1.2fr;border:1px solid #dce3ea;background:white;border-radius:14px;overflow:hidden}.hp-insights article{min-width:0;padding:clamp(15px,2vw,32px)}.hp-insights h3{font-size:1rem}.hp-insights svg{width:100%;max-height:150px;margin-top:12px}.hp-insights svg text{font:10px system-ui;fill:#546574}.hp-total{display:grid;align-content:center;text-align:center;background:#f5f8fa;border-inline:1px solid #dbe5ea}.hp-total b{font:700 3.25rem/1.2 system-ui;color:#966617}.hp-total small{margin-top:7px}.hp-insights label{display:block;font-size:13px;margin-top:8px}.hp-insights label b{float:right}.hp-insights meter{display:block;width:100%;height:10px;accent-color:#3175aa}.hp-dialog{position:fixed;inset:0;margin:auto;width:min(850px,94vw);padding:35px 7px 7px;border:0;border-radius:12px;background:#121e29;color:white}.hp-dialog::backdrop{background:#08101ccc}.hp-dialog video{width:100%;max-height:76vh;display:block}.hp-dialog button{position:absolute;top:0;right:6px;font:25px system-ui;color:white;background:transparent;border:0;cursor:pointer}.hp a:focus-visible,.hp button:focus-visible,.hp-track:focus-visible{outline:3px solid #a16b14;outline-offset:-2px}
.footer.hp-foot{position:relative;overflow:hidden;padding-bottom:24px}.hp-wave{position:absolute;width:100%;height:26px;left:0;bottom:0;pointer-events:none}.hp-wave path{fill:none;stroke:#9a753e;stroke-width:2}.hp-wave path+path{stroke:#ffcf78;stroke-dasharray:14 920;animation:hp-flow 9s linear infinite}.hp-socials{display:inline-flex;align-items:center;gap:7px}.hp-socials a{font-weight:700;text-decoration:none}.site-header .brand img.hp-brand{object-fit:contain}.hp-socials svg{width:17px;height:17px;vertical-align:middle;fill:currentColor}
@keyframes hp-flow{to{stroke-dashoffset:-934}}@keyframes hp-trace{to{stroke-dashoffset:-130}}@media(max-width:900px){.hp-track{--cards:2}.hp-projects{--cards:2}.hp-slide{min-height:0}.hp-collab>.hp-width{grid-template-columns:1fr 1fr}.hp-quotes{grid-column:1/-1}.hp-quotes blockquote{text-align:start;padding:8px 0}.hp-insights article{padding:15px}}
@media(max-width:620px){.hp-width{width:92%}.hp-slide{grid-template-columns:1fr;gap:18px}.hp-slide :is(h1,h2){font-size:39px;margin:12px 0}.hp-hero{padding-top:26px}.hp-band{grid-template-columns:1fr 1fr;row-gap:12px}.hp-band>a:nth-child(3){border:0}.hp-band strong{font-size:.93rem}.hp-band small{font-size:.75rem}.hp-track{--cards:1.15}.hp-section{padding-top:27px}.hp-collab>.hp-width,.hp-insights>.hp-width{grid-template-columns:1fr}.hp-quotes{grid-column:auto}.hp-approach{display:flow-root}.hp-handshake{max-height:175px}.hp-total{border-block:1px solid #dce4e9}.hp-socials{gap:5px}.hp-socials svg{width:14px;height:14px}.hp-insights svg{max-height:128px}}
@media(prefers-reduced-motion:reduce){.hp-heading path,.hp-wave path+path{animation:none}}
body .site-header .nav-actions .anusoft-sound-toggle{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.site-header .locale-picker summary,.site-header .account-picker summary{border:0;background:transparent;color:#263e50;font-weight:500}
body .site-header .nav-actions .header-cta{background:#fff5df!important;border:1px solid #d9bb79!important;color:#392e1a!important;border-radius:25px!important;box-shadow:none!important}
body .hp-foot{background:#121d29!important;color:#e3e9ef!important}.hp-foot .footer-group a,.hp-foot p{color:#d7e1e9!important}.hp-foot h4{color:#f4c782!important}
@media(min-width:721px){.site-header .brand img.hp-brand{width:clamp(150px,14vw,205px)!important;height:auto!important}}
@media(max-width:720px){body .site-header .nav-links.mobile-open .hp-mobile-contact{display:block}}
@media(min-width:721px){.site-header .nav-links .hp-mobile-contact{display:none!important}}
.hp-symbol .hp-icon{height:28px;width:28px}.hp-card:nth-child(3n) .hp-symbol{background:#fff0de}.hp-card:nth-child(3n) .hp-symbol .hp-icon{color:#ae601e}.hp-card:nth-child(3n+1) .hp-symbol{background:#e9f2f8}
.hp-quotes .hp-dots{margin-top:4px}.hp-quotes .hp-dots button:after{width:12px;background:#a5b3bf}.hp-quotes .hp-dots button[aria-pressed=true]:after{background:#bd862d}

.hp .hp-band{padding-block:8px;box-shadow:0 3px #e4c489,0 5px #b18c53,0 8px 13px #273a4d1b}
.hp-band>a{gap:3px;padding-block:2px}
.hp-band .hp-icon{width:30px;height:30px}
.hp-track{scrollbar-width:none}
.hp-track::-webkit-scrollbar{display:none}
.hp-row-controls{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:5px}
.hp-row-controls :is(a,button){display:inline-grid;place-items:center;min-height:30px;padding:3px 12px;border:1px solid #d2dbe1;border-radius:18px;background:#fff;color:#344a59;line-height:1.3;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer}
.hp-row-controls button{width:30px;padding:0;font-size:1rem}
.hp-row-controls :is(a,button):hover{background:#fff5df;border-color:#c99849}
@media(pointer:coarse){.hp-row-controls :is(a,button){min-height:38px}.hp-row-controls button{width:38px}}

.hp .hp-band>a{color:var(--ink);text-decoration:none;border-radius:6px}.hp .hp-band>a:hover{background:#fff7e8}.hp-projects .project-summary{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}.project-summary-main{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.project-summary-site{font-size:.85rem;overflow-wrap:anywhere;color:#245774;text-underline-offset:3px}.project-summary-site span{color:#5a6976}.project-summary-main:hover strong{text-decoration:underline}

/* ==========================================
   ANUSOFT PREMIUM DATA FRAME DESIGN
   Products / Solutions / Services / Built Projects
========================================== */

/* Give the horizontal card track enough room for visible outer shadows. */
.hp .hp-track {
    gap: 18px;
    padding: 14px 10px 24px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-padding-inline: 10px;
}

/* Premium frame for Products, Solutions and Services cards. */
.hp .hp-track > .hp-card {
    position: relative;
    box-sizing: border-box;
    border: 2px solid #cbd8e3 !important;
    border-radius: 18px !important;
    outline: 1px solid #edf1f5;
    outline-offset: -6px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 4px 0 #e0e7ed, 0 9px 22px rgba(29, 53, 75, .10) !important;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.hp .hp-track > .hp-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(90deg, transparent, #d5a34e, #f0d9a9, transparent);
    pointer-events: none;
}

.hp .hp-track > .hp-card:hover {
    transform: translateY(-5px);
    border-color: #bd9149 !important;
    box-shadow: 0 5px 0 #ead5ae, 0 14px 28px rgba(29, 53, 75, .15) !important;
}

/* Product image has its own inset frame. */
.hp .hp-track > .hp-product {
    display: block;
    padding: 12px !important;
}

.hp .hp-track > .hp-product > img {
    display: block;
    width: 100%;
    aspect-ratio: 2.8 / 1;
    object-fit: cover;
    padding: 4px;
    border: 1px solid #d8e1e9;
    border-radius: 12px;
    background: #f4f7fa;
}

.hp .hp-track > .hp-product > span {
    display: block;
    padding: 13px 7px 5px;
}

/* Icon frame for Solutions and Services. */
.hp .hp-track > .hp-card .hp-symbol {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #d7e1e9;
    border-radius: 15px;
    background: linear-gradient(145deg, #f7fafc, #eaf2f8);
    box-shadow: inset 0 0 0 3px #fff;
    color: #28658e;
    transition: background .28s ease, transform .28s ease;
}

.hp .hp-track > .hp-card:hover .hp-symbol {
    background: #fff4df;
    transform: translateY(-2px);
}

/* Built Projects cards. */
.hp .hp-projects .project-summary {
    position: relative;
    box-sizing: border-box;
    min-height: 145px;
    padding: 18px !important;
    border: 2px solid #cbd8e3 !important;
    border-radius: 18px !important;
    outline: 1px solid #edf1f5;
    outline-offset: -6px;
    background: linear-gradient(145deg, #fff, #f8fafc) !important;
    box-shadow: 0 4px 0 #e0e7ed, 0 9px 22px rgba(29, 53, 75, .10) !important;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.hp .hp-projects .project-summary:hover {
    transform: translateY(-5px);
    border-color: #bd9149 !important;
    box-shadow: 0 5px 0 #ead5ae, 0 14px 28px rgba(29, 53, 75, .15) !important;
}

.hp .hp-projects .project-summary-main {
    gap: 14px;
    align-items: center;
}

.hp .hp-projects .project-summary-main img {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    padding: 5px;
    border: 1px solid #d8e1e9;
    border-radius: 14px;
    background: #f4f7fa;
    object-fit: contain;
}

.hp .hp-projects .project-summary-site {
    display: inline-block;
    margin-top: 6px;
    color: #28658e;
}

/* Keep shadows and frames visible on smaller screens. */
@media (max-width: 900px) {
    .hp .hp-track {
        padding: 12px 9px 22px;
    }
}

@media (max-width: 620px) {
    .hp .hp-track {
        gap: 12px;
        padding: 10px 8px 20px;
    }

    .hp .hp-track > .hp-card {
        border-radius: 15px !important;
    }

    .hp .hp-track > .hp-product {
        padding: 10px !important;
    }

    .hp .hp-projects .project-summary {
        min-height: 125px;
        padding: 14px !important;
        border-radius: 15px !important;
    }

    .hp .hp-projects .project-summary-main img {
        flex-basis: 54px;
        width: 54px;
        height: 54px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hp .hp-track > .hp-card,
    .hp .hp-track > .hp-card .hp-symbol,
    .hp .hp-projects .project-summary {
        transition: none !important;
    }
}