/*
Theme Name: SSK Final Market Theme
Author: SSK Digital Hub
Description: Premium blue/red digital marketplace theme for services, scripts, themes, plugins and client portal.
Version: 4.0.0
*/
:root{--blue:#0b5ed7;--blue2:#0a3475;--red:#dc2626;--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#dbe4f0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}
.ssk-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;box-shadow:0 8px 25px rgba(15,23,42,.04)}
.ssk-nav{max-width:1220px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ssk-logo{font-size:24px;font-weight:950;color:var(--blue2)}.ssk-menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ssk-menu a{padding:10px 13px;border-radius:999px;font-weight:850;color:#172033}.ssk-menu a:hover{background:#eff6ff;color:var(--blue)}.ssk-cta{background:var(--blue)!important;color:white!important}
.ssk-hero{background:linear-gradient(135deg,#fff 0%,#eff6ff 55%,#fff1f1 100%);min-height:650px;display:flex;align-items:center;overflow:hidden}.ssk-hero-inner{max-width:1220px;margin:auto;padding:70px 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.ssk-kicker{font-size:20px;font-weight:950;color:var(--blue)}.ssk-hero h1{font-size:58px;line-height:1.07;margin:18px 0;letter-spacing:-1.4px}.ssk-hero p{font-size:19px;color:#475569;max-width:680px}.ssk-btn{display:inline-flex;justify-content:center;align-items:center;border-radius:16px;padding:14px 25px;font-weight:950;margin:7px;background:var(--blue);color:white!important;box-shadow:0 16px 35px rgba(11,94,215,.18)}.ssk-btn.red{background:var(--red)}.ssk-btn.light{background:#fff;color:var(--blue)!important;border:1px solid var(--line)}
.ssk-visual{height:430px;position:relative}.ssk-window{position:absolute;right:10px;top:35px;width:420px;height:280px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 70px rgba(11,47,107,.15);padding:24px}.ssk-window-bar{height:14px;width:120px;background:#e2e8f0;border-radius:999px;margin-bottom:28px}.ssk-chart{height:120px;background:linear-gradient(135deg,var(--blue),#60a5fa);border-radius:22px}.ssk-phone{position:absolute;left:10px;bottom:20px;width:190px;height:300px;background:#172033;border-radius:34px;border:8px solid #0f172a;box-shadow:0 24px 65px rgba(15,23,42,.18)}.ssk-phone:after{content:"";position:absolute;left:28px;right:28px;bottom:35px;height:90px;border-radius:22px;background:var(--red)}
.ssk-section{max-width:1220px;margin:auto;padding:72px 22px}.ssk-head{text-align:center;max-width:790px;margin:0 auto 42px}.ssk-head h2{font-size:42px;line-height:1.12;margin:0 0 12px}.ssk-head p{color:#64748b;font-size:18px}.ssk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.ssk-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 20px 55px rgba(15,23,42,.06)}.ssk-card h3{margin:15px 0 10px;font-size:24px}.ssk-card p{color:#64748b}.ssk-card-img{height:155px;border-radius:20px;background:linear-gradient(135deg,#dbeafe,#fff1f1);display:flex;align-items:center;justify-content:center;overflow:hidden}.ssk-card-img img{width:100%;height:100%;object-fit:cover}.ssk-illus{width:110px;height:90px;border-radius:26px;background:var(--blue);position:relative}.ssk-illus:after{content:"";position:absolute;right:-22px;bottom:-16px;width:70px;height:70px;border-radius:50%;background:var(--red)}
.ssk-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.ssk-panel{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:0 20px 55px rgba(15,23,42,.06)}.ssk-panel h2{font-size:38px;margin:0 0 12px}.ssk-panel p{color:#64748b}.ssk-mock{height:350px;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:0 24px 70px rgba(15,23,42,.08);position:relative;overflow:hidden}.ssk-mock:before{content:"";position:absolute;left:40px;top:55px;width:230px;height:150px;border-radius:24px;background:var(--blue)}.ssk-mock:after{content:"";position:absolute;right:40px;bottom:55px;width:170px;height:120px;border-radius:24px;background:var(--red)}
.reveal-left,.reveal-right{opacity:0;transform:translateX(70px);transition:all .7s ease}.reveal-left{transform:translateX(-70px)}.is-visible{opacity:1;transform:translateX(0)}
.ssk-footer{background:#fff;border-top:1px solid var(--line);padding:35px 20px;margin-top:40px}.ssk-footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.ssk-footer h4{margin:0 0 10px}.ssk-footer a{display:block;color:#475569;margin:6px 0}.ssk-copy{text-align:center;color:#64748b;margin-top:20px}
.ssk-page{max-width:1180px;margin:auto;padding:45px 20px}.ssk-page-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 55px rgba(15,23,42,.06)}
body.ssk-client-area .ssk-header,body.ssk-client-area .ssk-footer{display:none!important}
@media(max-width:900px){.ssk-hero-inner,.ssk-split{grid-template-columns:1fr}.ssk-hero h1{font-size:40px}.ssk-visual{height:360px}.ssk-window{width:330px}.ssk-nav{flex-direction:column;align-items:flex-start}.ssk-menu a{font-size:13px;padding:8px 9px}}
@media(max-width:560px){.ssk-hero-inner{padding:50px 15px}.ssk-hero h1{font-size:32px}.ssk-btn{width:100%;margin:7px 0}.ssk-section{padding:45px 14px}.ssk-head h2{font-size:30px}.ssk-card{padding:22px}.ssk-window{right:0;width:280px}.ssk-phone{width:145px;height:235px}}