
/* SmartSetupUAE premium knowledge content layer */
:root{--ss-green:#064c39;--ss-deep:#1a2e25;--ss-gold:#c5a059;--ss-bg:#f4f8f6;--ss-line:#dde8e2;--ss-muted:#62736c;}
html,body{max-width:100%;overflow-x:hidden;}
.ss-knowledge{font-family:Inter,Arial,sans-serif;background:var(--ss-bg);color:var(--ss-deep);padding:52px 5%;}
.ss-knowledge *{box-sizing:border-box;}
.ss-k-wrap{max-width:1160px;margin:0 auto;}
.ss-k-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff7e8;border:1px solid rgba(197,160,89,.32);color:#956f27;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin-bottom:12px;}
.ss-k-title{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 12px;color:var(--ss-deep);font-weight:900;}
.ss-k-lead{font-size:clamp(15px,1.5vw,18px);line-height:1.75;color:#56615c;max-width:780px;margin:0 0 26px;}
.ss-k-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;}
.ss-k-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.ss-k-card{background:#fff;border:1px solid var(--ss-line);border-radius:20px;padding:24px;box-shadow:0 14px 42px rgba(6,76,57,.06);}
.ss-k-card h3{margin:0 0 10px;font-size:20px;line-height:1.25;color:var(--ss-deep);font-weight:850;}
.ss-k-card p,.ss-k-card li{font-size:15px;line-height:1.75;color:#586760;}
.ss-k-card ul{padding-left:19px;margin:8px 0 0;}
.ss-k-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;counter-reset:flow;}
.ss-k-step{background:linear-gradient(180deg,#fff,#fbf7ed);border:1px solid rgba(197,160,89,.35);border-radius:18px;padding:18px;position:relative;min-height:132px;}
.ss-k-step:before{counter-increment:flow;content:counter(flow);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ss-green);color:white;font-weight:900;margin-bottom:12px;}
.ss-k-step:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--ss-gold);font-weight:900;font-size:20px;z-index:2;}
.ss-k-step h4{font-size:15.5px;margin:0 0 7px;color:var(--ss-deep);font-weight:850;}
.ss-k-step p{font-size:13.5px;line-height:1.55;margin:0;color:#66756f;}
.ss-k-table{overflow-x:auto;background:#fff;border:1px solid var(--ss-line);border-radius:20px;margin:22px 0;box-shadow:0 14px 42px rgba(6,76,57,.05);}
.ss-k-table table{width:100%;border-collapse:collapse;min-width:680px;}
.ss-k-table th{background:#064c39;color:#fff;text-align:left;font-size:13px;padding:15px;letter-spacing:.04em;text-transform:uppercase;}
.ss-k-table td{padding:15px;border-bottom:1px solid #edf3ef;font-size:14.5px;color:#51635b;vertical-align:top;}
.ss-k-table tr:last-child td{border-bottom:0;}
.ss-k-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;}
.ss-k-faq details{background:#fff;border:1px solid var(--ss-line);border-radius:16px;padding:16px;}
.ss-k-faq summary{font-weight:850;color:var(--ss-deep);cursor:pointer;line-height:1.35;}
.ss-k-faq p{font-size:14.5px;line-height:1.7;color:#5c6b65;margin:12px 0 0;}
.ss-k-cta{background:linear-gradient(135deg,#064c39,#1a2e25);color:#fff;border-radius:24px;padding:30px;margin:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 54px rgba(6,76,57,.18);}
.ss-k-cta h3{font-size:24px;margin:0 0 8px;color:#fff;}.ss-k-cta p{color:rgba(255,255,255,.72);line-height:1.6;margin:0;}.ss-k-cta a{display:inline-flex;background:var(--ss-gold);color:#17231e!important;padding:14px 20px;border-radius:12px;font-weight:900;text-decoration:none;white-space:nowrap;}
.ss-k-note{background:#ecf7f2;border:1px solid #cfe7dc;color:#31564a;border-radius:16px;padding:16px;font-size:14px;line-height:1.65;margin:18px 0;}
@media(max-width:900px){.ss-k-grid,.ss-k-grid.two{grid-template-columns:1fr 1fr}.ss-k-flow{grid-template-columns:1fr 1fr}.ss-k-step:nth-child(2n):after{display:none}.ss-k-faq{grid-template-columns:1fr}.ss-k-cta{align-items:flex-start;flex-direction:column}.ss-k-cta a{width:100%;justify-content:center}}
@media(max-width:560px){.ss-knowledge{padding:34px 4.5%}.ss-k-grid,.ss-k-grid.two,.ss-k-flow{grid-template-columns:1fr}.ss-k-card{padding:19px;border-radius:17px}.ss-k-step:after{display:none!important}.ss-k-title{font-size:28px}.ss-k-lead{font-size:15px}.ss-k-table{border-radius:16px}.ss-k-cta{padding:22px;border-radius:18px}.ss-k-cta h3{font-size:21px}}
