:root{--white:#fff;--navy:#10294B;--blue:#3478F6;--ink:#17283f;--muted:#6d7b8d;--pale:#f3f7fd;--line:#e6edf6;--radius:20px;--shadow:0 16px 45px rgba(16,41,75,.09)}

*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.top-strip{min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 15px;background:var(--navy);color:#eaf1ff;font-size:.72rem;letter-spacing:.04em}.site-header{height:82px;max-width:1440px;width:calc(100% - 64px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.94);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:1.18rem;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand img{display:block;width:190px;height:auto;max-width:100%}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.nav-links a{font-size:.82rem;font-weight:600;color:#5c6b7f;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{border:0;background:transparent;color:var(--navy);font-size:1.8rem;cursor:pointer;line-height:1}.login-link{font-size:.83rem;font-weight:700}.cart-btn{background:#edf3ff;color:var(--navy);border-radius:12px;padding:9px 12px;font-size:.9rem}.cart-btn span{font-size:.72rem;font-weight:800;margin-left:3px}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:1.6rem;cursor:pointer}.search-panel{display:none;position:absolute;z-index:25;right:32px;top:105px;background:white;padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.search-panel.open{display:flex;gap:8px}.search-panel input{width:min(65vw,320px);padding:11px 13px;border:1px solid var(--line);border-radius:9px;outline-color:var(--blue)}.search-panel button{background:var(--blue);color:white;border:0;padding:0 16px;border-radius:9px;cursor:pointer}

.hero{position:relative;isolation:isolate;min-height:560px;height:min(690px,72vw);max-height:720px;margin:0 auto;width:calc(100% - 40px);max-width:1480px;border-radius:28px;overflow:hidden;background:var(--navy);color:white;display:flex;align-items:center}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-photo{background-image:url('https\://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=2000&q=90');background-size:cover;background-position:center;transform:scale(1.02);transition:opacity .28s ease-in-out}.hero-photo.changing{opacity:.35}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,25,49,.94) 0%,rgba(12,36,68,.82) 39%,rgba(12,36,68,.25) 76%,rgba(12,36,68,.12) 100%)}.hero-content{width:min(610px,58%);padding:70px clamp(28px,6vw,92px)}.eyebrow,.section-kicker{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:var(--blue);display:inline-flex;align-items:center;gap:9px}.hero .eyebrow{color:#c4d8ff}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#77a6ff;box-shadow:0 0 0 5px #3478f633}.hero h1{font-size:clamp(3rem,6.2vw,5.7rem);letter-spacing:-.075em;line-height:.99;margin:22px 0;font-weight:800}.hero h1 span{color:#8db4ff}.hero-content>p{font-size:1rem;max-width:440px;color:#dce6f4;line-height:1.8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 19px;border-radius:10px;font-size:.84rem;font-weight:700;transition:transform .2s,background-color .2s;min-height:48px}.btn:hover{transform:translateY(-2px)}.btn-blue{background:var(--blue);color:white;box-shadow:0 8px 20px #3478f640}.btn-blue:hover{background:#2467e7}.btn-outline{border:1px solid #ffffff70;color:white;background:#ffffff0c}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:.72rem;color:#e1eafa}.hero-trust span:first-letter{color:#9dc0ff}.hero-counter{position:absolute;right:36px;bottom:28px;display:flex;align-items:center;gap:12px;font-size:.76rem;font-weight:700;color:#ffffffcf}.hero-counter span:first-child{color:white}.hero-counter i{width:40px;height:1px;background:#ffffff88}.hero-dots{position:absolute;left:clamp(28px,6vw,92px);bottom:32px;display:flex;gap:7px}.hero-dot{width:7px;height:7px;border:0;border-radius:10px;background:#ffffff70;cursor:pointer;transition:width .2s,background .2s}.hero-dot.active{width:24px;background:white}

.benefit-row{max-width:1280px;width:calc(100% - 80px);margin:32px auto 15px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 0 28px;border-bottom:1px solid var(--line)}.benefit{display:flex;align-items:center;gap:12px}.benefit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:13px;font-weight:800;font-size:1.2rem}.benefit strong,.benefit small{display:block}.benefit strong{font-size:.8rem;color:var(--navy)}.benefit small{font-size:.68rem;color:var(--muted);margin-top:2px}.section{max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:76px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-heading h2,.brand-band-heading h2,.why-copy h2,.newsletter h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.065em;color:var(--navy);margin-top:9px}.section-heading h2 span,.brand-band-heading h2 span,.why-copy h2 span,.newsletter h2 span{color:var(--blue)}.section-heading p,.why-copy>p,.newsletter p{color:var(--muted);font-size:.88rem;margin-top:10px}.slider-controls{display:flex;gap:8px;flex-shrink:0}.slider-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--navy);font-size:1.2rem;cursor:pointer;transition:all .2s}.slider-btn:hover{background:var(--navy);color:white}.horizontal-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:5px 2px 14px}.horizontal-track::-webkit-scrollbar{display:none}.horizontal-track>*{scroll-snap-align:start;flex:0 0 auto}.category-card{width:calc((100% - 64px)/5);min-width:190px;min-height:218px;border-radius:18px;padding:22px;position:relative;overflow:hidden;background:#edf3ff;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s,box-shadow .25s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-25px;top:-35px;background:#3478f61c}.category-symbol{position:absolute;top:23px;left:22px;width:48px;height:48px;display:grid;place-items:center;background:#ffffffc9;border-radius:15px;color:var(--blue);font-size:1.7rem;font-weight:700}.category-card strong{font-size:1rem;color:var(--navy);max-width:160px;line-height:1.3}.category-card small{font-size:.73rem;color:var(--muted);margin-top:6px}.category-arrow{position:absolute;right:17px;bottom:19px;color:var(--blue);font-size:1.2rem}.cat-two{background:#eaf5ff}.cat-three{background:#f0efff}.cat-four{background:#eef5f2}.cat-five{background:#fff3e9}.cat-six{background:#eef1ff}.products-section{padding-top:42px}.text-link{font-size:.83rem;font-weight:700;color:var(--blue);white-space:nowrap}.text-link span{margin-left:6px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{height:225px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f0f4fa}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.04)}.product-badge{position:absolute;z-index:2;top:13px;left:13px;background:var(--navy);color:white;font-size:.59rem;font-weight:800;letter-spacing:.07em;padding:6px 9px;border-radius:6px}.badge-new{background:var(--blue)}.badge-value{background:#237c65}.wishlist{position:absolute;z-index:2;right:12px;top:12px;width:33px;height:33px;border:0;border-radius:50%;background:#ffffffed;color:var(--navy);font-size:1.3rem;cursor:pointer}.product-info{padding:17px}.product-category{font-size:.61rem;font-weight:800;letter-spacing:.1em;color:var(--blue)}.product-info h3{font-size:.98rem;color:var(--navy);margin:6px 0 5px}.rating{font-size:.77rem;letter-spacing:.08em;color:#f2ad36}.rating small{font-size:.67rem;letter-spacing:0;color:var(--muted)}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.product-bottom strong{color:var(--navy);font-size:1rem}.add-cart{width:36px;height:36px;border:0;border-radius:10px;background:var(--blue);color:white;font-size:1.5rem;cursor:pointer;transition:background .2s}.add-cart:hover{background:var(--navy)}.demo-note{font-size:.7rem;color:#8793a2;margin-top:12px}.brand-band{background:var(--pale);padding:52px max(40px,calc((100% - 1280px)/2));overflow:hidden}.brand-band-heading{text-align:center}.brand-track{display:flex;align-items:center;justify-content:space-between;gap:55px;min-width:max-content;margin-top:34px;animation:brand-scroll 22s linear infinite}.brand-track:hover{animation-play-state:paused}.brand-track span{font-size:1.12rem;font-weight:800;letter-spacing:-.04em;color:#8b99ac}.brand-track span:nth-child(3n+2){color:#526b8d}.brand-band:hover .brand-track{animation-play-state:paused}@keyframes brand-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.why-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.why-copy>p{max-width:420px;line-height:1.9;margin-bottom:24px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.why-grid article{border:1px solid var(--line);border-radius:17px;padding:25px;background:white;transition:transform .2s,box-shadow .2s}.why-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.why-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf3ff;color:var(--blue);font-size:1.35rem}.why-grid h3{font-size:.95rem;color:var(--navy);margin-top:17px}.why-grid p{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:6px}.reviews-section{padding-top:30px}.review-card{width:calc((100% - 32px)/3);min-width:270px;border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.review-stars{color:#f2ad36;letter-spacing:.1em;font-size:.88rem}.review-card>p{font-size:.87rem;line-height:1.8;color:#46566b;margin:14px 0 22px}.review-person{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:16px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf1ff;color:var(--navy);font-weight:800}.review-person strong,.review-person small{display:block}.review-person strong{font-size:.78rem;color:var(--navy)}.review-person small{font-size:.68rem;color:var(--muted)}.newsletter{background:var(--navy);color:white;padding:45px max(40px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:40px}.newsletter .section-kicker{color:#9fbeff}.newsletter h2{color:white;font-size:clamp(1.8rem,3vw,2.6rem)}.newsletter p{color:#c2cfe1}.newsletter form{width:min(100%,450px);display:grid;grid-template-columns:1fr auto;gap:8px;position:relative}.newsletter input{min-width:0;border:1px solid #ffffff40;border-radius:10px;background:#ffffff12;color:white;padding:14px 15px;outline-color:#8db4ff}.newsletter input::placeholder{color:#c5d0df}.newsletter form button{border:0;border-radius:10px;background:var(--blue);color:white;font-size:.78rem;font-weight:700;padding:0 15px;cursor:pointer}.newsletter form small{grid-column:1/-1;color:#b9d2ff;font-size:.72rem}.footer{background:#091a30;color:#d4deeb;padding:48px max(40px,calc((100% - 1280px)/2)) 0}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:38px}.brand-footer{color:white}.footer-about p{font-size:.8rem;color:#aab9cc;margin-top:15px;max-width:220px}.footer-main h3{font-size:.8rem;color:white;margin-bottom:15px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-main>div>a:not(.brand){font-size:.75rem;color:#aab9cc;transition:color .2s}.footer-main>div>a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff1c;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.7rem;color:#93a4ba}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1050px){.site-header{width:calc(100% - 40px);gap:15px}.nav-links{gap:14px}.nav-links a{font-size:.75rem}.header-actions{gap:10px}.hero{min-height:520px}.benefit-row{width:calc(100% - 50px);grid-template-columns:repeat(2,1fr);row-gap:20px}.section{width:calc(100% - 50px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:260px}.why-section{gap:35px}.newsletter{padding-left:30px;padding-right:30px}.footer{padding-left:30px;padding-right:30px}}

@media(max-width:760px){.top-strip{font-size:.64rem}.site-header{height:70px;width:calc(100% - 32px)}.brand{font-size:1.05rem}.brand img{width:158px}.menu-toggle{display:block;margin-left:auto;order:2}.header-actions{order:3;gap:8px}.header-actions .login-link{display:none}.icon-btn{font-size:1.6rem}.cart-btn{padding:8px 10px}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;background:white;padding:15px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 10px;font-size:.9rem;border-bottom:1px solid #f0f3f8}.nav-links a:last-child{border-bottom:0}.search-panel{top:95px;right:16px}.hero{width:calc(100% - 20px);height:auto;min-height:570px;border-radius:21px;align-items:flex-start}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,25,49,.91),rgba(8,25,49,.72) 70%,rgba(8,25,49,.42))}.hero-content{width:100%;padding:65px 25px 100px}.hero h1{font-size:clamp(3.15rem,12vw,4.7rem)}.hero-content>p{font-size:.9rem;max-width:360px}.hero-buttons{gap:9px}.btn{padding:12px 14px;font-size:.77rem}.hero-trust{font-size:.66rem;gap:8px 14px}.hero-dots{left:25px;bottom:28px}.hero-counter{right:22px;bottom:26px}.benefit-row{width:calc(100% - 36px);gap:18px 12px;padding:25px 0}.benefit{align-items:flex-start;gap:9px}.benefit-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px}.benefit strong{font-size:.72rem}.benefit small{font-size:.63rem;line-height:1.4}.section{width:calc(100% - 36px);padding:55px 0}.section-heading{align-items:flex-end;gap:12px}.section-heading h2,.why-copy h2{font-size:2.1rem}.section-heading p{font-size:.77rem}.section-kicker{font-size:.62rem}.slider-btn{width:36px;height:36px}.category-card{width:210px;min-width:210px;min-height:200px}.products-section{padding-top:20px}.product-grid{gap:12px}.product-image{height:190px}.product-info{padding:13px}.product-info h3{font-size:.84rem}.product-category{font-size:.54rem}.product-bottom strong{font-size:.87rem}.add-cart{width:32px;height:32px}.rating{font-size:.68rem}.rating small{font-size:.59rem}.product-badge{font-size:.52rem;top:9px;left:9px}.wishlist{top:8px;right:8px;width:30px;height:30px}.brand-band{padding:40px 18px}.brand-track{gap:35px}.brand-track span{font-size:1rem}.why-section{grid-template-columns:1fr;gap:30px}.why-grid{gap:11px}.why-grid article{padding:18px}.why-grid h3{font-size:.85rem}.why-grid p{font-size:.7rem}.review-card{width:85%;min-width:260px}.newsletter{padding:38px 18px;display:block}.newsletter h2{font-size:2rem}.newsletter form{margin-top:22px;grid-template-columns:1fr}.newsletter form button{min-height:46px}.footer{padding:38px 20px 0}.footer-main{grid-template-columns:repeat(2,1fr);gap:30px 22px}.footer-about{grid-column:1/-1}.footer-bottom{padding:15px 0;align-items:flex-start;flex-direction:column;gap:4px}}

@media(max-width:390px){.header-actions{gap:4px}.brand{font-size:.96rem;gap:7px}.brand img{width:140px}.hero-buttons .btn{width:100%}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:155px}.product-info{padding:10px}.product-bottom{gap:5px}.product-bottom strong{font-size:.78rem}.product-info h3{font-size:.78rem}.section-heading .slider-controls{gap:4px}.section-heading .slider-btn{width:32px;height:32px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Category photo thumbnails */
.category-card{padding-top:145px}
.category-card:before{display:none}
.category-symbol{display:none}
.category-card .category-photo{position:absolute;inset:0 0 auto;height:135px;width:100%;object-fit:cover;z-index:0;transition:transform .35s}
.category-card:hover .category-photo{transform:scale(1.05)}
.category-card:after{content:"";position:absolute;inset:65px 0 auto;height:85px;background:linear-gradient(180deg,transparent,rgba(16,41,75,.14));pointer-events:none}
.category-card strong,.category-card small,.category-arrow{position:relative;z-index:1}
.category-card strong{margin-top:8px}
.featured-section{padding-top:12px}
.featured-section .product-image{height:230px}
@media(max-width:760px){.category-card{padding-top:135px}.category-card .category-photo{height:125px}.category-card:after{inset:55px 0 auto;height:80px}.featured-section .product-image{height:190px}}
/* Header Logo Fix */
.site-header .brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 82px;
}

.site-header .brand img {
    display: block;
    width: 110px;
    height: 72px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

/* Mobile Logo */
@media (max-width: 760px) {
    .site-header .brand img {
        width: 100px;
        height: 60px;
    }
}

/* Small Mobile */
@media (max-width: 390px) {
    .site-header .brand img {
        width: 90px;
        height: 55px;
    }
}.footer .brand-footer {
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.footer .brand-footer img {
    display: block;
    width: 150px;
    height: 75px;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 760px) {
    .footer .brand-footer img {
        width: 130px;
        height: 65px;
    }
}
/* Checkout-ready responsive product cards */
.product-image img{object-fit:contain;padding:12px;display:block}
.product-image>a{display:block;width:100%;height:100%}
.add-cart{display:inline-grid;place-items:center;text-align:center;text-decoration:none;line-height:1;flex:0 0 36px;padding:0;vertical-align:middle}
@media(max-width:760px){.add-cart{width:34px;height:34px;flex-basis:34px;font-size:1.45rem;align-self:center;justify-self:center}.product-bottom{align-items:center;min-height:48px}.product-image img{padding:8px}}
.it-service-banner {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: flex;
    align-items: center;

    width: calc(100% - 40px);
    max-width: 1400px;
    min-height: 350px;

    margin: 45px auto;
    padding: 45px;

    border-radius: 24px;

    background:
        linear-gradient(
            90deg,
            rgba(16, 41, 75, .97) 0%,
            rgba(16, 41, 75, .85) 50%,
            rgba(16, 41, 75, .20) 100%
        ),
       url("../images/service-baner.png")
        center / cover no-repeat,
        #10294B;

    color: #FFFFFF;
    text-decoration: none;

    transition: transform .3s ease, box-shadow .3s ease;
}

.it-service-banner:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(16, 41, 75, .18);
}

.it-service-content {
    max-width: 650px;
}

.it-service-label {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 13px;

    border-radius: 30px;
    background: #3478F6;

    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.it-service-content h2 {
    margin-bottom: 15px;

    color: #FFFFFF;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.2;
}

.it-service-content h2 span {
    display: block;
    color: #65B6FF;
}

.it-service-content p {
    max-width: 540px;
    margin-bottom: 23px;

    color: #E1EAF7;
    font-size: 14px;
    line-height: 1.8;
}

.it-service-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 13px 20px;
    border-radius: 10px;

    background: #3478F6;
    color: #FFFFFF;

    font-size: 13px;
    font-weight: 700;
}

.it-service-banner:hover .it-service-btn {
    background: #FFFFFF;
    color: #10294B;
}

/* MOBILE RESPONSIVE */

@media (max-width: 600px) {
    .it-service-banner {
        width: calc(100% - 24px);
        min-height: 370px;
        margin: 30px auto;
        padding: 25px 20px;

        border-radius: 18px;

        background:
            linear-gradient(
                90deg,
                rgba(16, 41, 75, .96),
                rgba(16, 41, 75, .80)
            ),
         url("../images/service-baner.png")
            center / cover no-repeat,
            #10294B;
    }

    .it-service-content h2 {
        font-size: 29px;
    }

    .it-service-content p {
        font-size: 13px;
    }
}