/* Slindokuhle Preview 3 — editorial clarity inspired by Apple product-page principles.
   Original Slindokuhle branding only; no Apple assets or copied Apple source. */
:root{--ap-ink:#0c1726;--ap-muted:#506075;--ap-blue:#075db8;--ap-sky:#b9d9ef;--ap-paper:#f5f7f9;--ap-line:#dfe6ec;--ap-corner:25px}
html{scroll-padding-top:96px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ap-ink);-webkit-font-smoothing:antialiased}
body,main{min-width:0}
.container{width:min(1220px,calc(100% - 48px))}
.site-header{background:rgba(255,255,255,.95);border-color:#e5e9ee;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-name{letter-spacing:-.025em}
.nav-links a{letter-spacing:-.01em}
.nav-links .nav-cta{border-radius:100px;background:#085cba;color:white}
.nav-links .staff-link{font-weight:600}
.edit-note.preview-note{background:#edf2f6;color:#4b6279;border-color:#e0e6eb;font-size:.73rem}
.edit-note.preview-note .container{padding:7px 0;text-align:center}
.footer{background:#0b1724;color:#c9d4de}
.footer .contact-status{overflow-wrap:anywhere}
.footer a:focus-visible,.ap-main a:focus-visible{outline:3px solid #e7a32b;outline-offset:4px}
.ap-main{background:white;color:var(--ap-ink)}
.ap-main .container{width:min(1220px,calc(100% - 48px))}
.ap-main a{text-decoration:none}
.ap-main .ap-section-label{color:#466680;font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 21px}
.ap-hero{position:relative;background:radial-gradient(ellipse 70% 70% at 50% 125%,#e1ecf5 0,transparent 68%),linear-gradient(145deg,#f6f8fa,#f2f5f8);overflow:hidden}
.ap-hero::before{content:"";position:absolute;inset:auto -15% -34% -15%;height:270px;border:1px solid rgba(93,142,177,.16);border-radius:50%;pointer-events:none}
.ap-hero-inner{position:relative;z-index:1;max-width:1080px;text-align:center;padding:clamp(90px,12vw,155px) 0 95px}
.ap-eyebrow{font-size:.76rem;letter-spacing:.16em;color:#4d6174;font-weight:800;display:flex;gap:12px;align-items:center;justify-content:center;margin:0 0 35px}
.ap-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0670cb}
.ap-hero h1{font-size:clamp(3.4rem,8vw,7.7rem);line-height:1.005;letter-spacing:-.074em;font-weight:750;color:#101827;margin:0 auto 30px}
.ap-hero h1 span{display:inline-block;background:linear-gradient(110deg,#11345a,#196db5 72%);color:transparent;-webkit-background-clip:text;background-clip:text}
.ap-hero-intro{font-size:clamp(1.1rem,1.95vw,1.39rem);line-height:1.58;color:#4a5b6a;margin:0 auto;max-width:700px}
.ap-hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;margin:39px 0 65px}
.ap-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:14px 25px;border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:-.015em;transition:background-color .18s,transform .18s}
.ap-button-primary{background:#075cbb;color:#fff!important;box-shadow:0 8px 25px rgba(10,86,170,.14)}
.ap-button-primary:hover{background:#034d9e;transform:translateY(-1px)}
.ap-text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#075cbb!important;font-size:1rem}
.ap-text-link:hover{text-decoration:underline}
.ap-hero-meta{display:flex;justify-content:center;gap:27px;flex-wrap:wrap;color:#607083;font-size:.7rem;letter-spacing:.11em;font-weight:800}
.ap-hero-meta span+span{border-left:1px solid #c7d4de;padding-left:27px}
.ap-intro{padding:115px 0 130px}
.ap-intro h2,.ap-procurement h2{font-size:clamp(3rem,6.3vw,6rem);line-height:1.045;letter-spacing:-.062em;font-weight:740;max-width:980px;margin:0}
.ap-intro h2 span{color:#8b98a5}
.ap-section-lede{color:var(--ap-muted);font-size:clamp(1.09rem,1.6vw,1.32rem);line-height:1.57;max-width:690px;margin:28px 0 58px}
.ap-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ap-service-card{border-radius:var(--ap-corner);min-height:425px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:45px;transition:transform .22s,box-shadow .22s;border:1px solid rgba(11,42,68,.06);color:#122a42!important}
.ap-service-card:nth-child(1){background:linear-gradient(135deg,#e5eff8,#eaf3fb)}
.ap-service-card:nth-child(2){background:linear-gradient(135deg,#eef2f6,#e3ebf3)}
.ap-service-card:nth-child(3){background:linear-gradient(135deg,#e8f0f2,#f0f5f6)}
.ap-service-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(12,35,55,.12)}
.ap-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#4c6578}
.ap-card-top span:last-child{font-size:1.5rem;letter-spacing:normal;color:#115eaa}
.ap-card-bottom{display:flex;flex-direction:column;gap:20px}
.ap-card-bottom strong{font-size:clamp(1.8rem,2.45vw,2.65rem);line-height:1.07;letter-spacing:-.055em;font-weight:730}
.ap-card-bottom>span{font-size:1.02rem;line-height:1.53;color:#40576c}
.ap-card-bottom b{font-size:.88rem;color:#075cae}
.ap-feature{background:linear-gradient(145deg,#092840,#081928);color:white;padding:115px 0}
.ap-feature-grid{display:grid;grid-template-columns:1fr .95fr;gap:12%;align-items:center}
.ap-feature .ap-section-label{color:#afd7f2}
.ap-feature h2{font-size:clamp(3.3rem,5.8vw,6rem);line-height:1.06;letter-spacing:-.06em;margin:0 0 28px;font-weight:730}
.ap-feature-copy>p:not(.ap-section-label){max-width:490px;color:#c9dce9;font-size:1.1rem;line-height:1.67;margin:0 0 34px}
.ap-button-light{background:white;color:#0b3659!important}
.ap-button-light:hover{background:#e7f3fc;transform:translateY(-1px)}
.ap-step-stack{counter-reset:step;list-style:none;padding:0;margin:0}
.ap-step-stack li{display:flex;gap:27px;align-items:flex-start;padding:29px 0;border-top:1px solid rgba(195,225,245,.23)}
.ap-step-stack li:last-child{border-bottom:1px solid rgba(195,225,245,.23)}
.ap-step-stack li>span{min-width:40px;color:#91c5e9;font-size:.9rem;font-weight:800}
.ap-step-stack li div{display:flex;flex-direction:column;gap:7px}
.ap-step-stack strong{font-size:1.32rem;letter-spacing:-.03em}
.ap-step-stack small{font-size:.97rem;line-height:1.5;color:#c1d2df}
.ap-procurement{background:#f5f7f9;padding:130px 0}
.ap-procurement-layout{display:grid;grid-template-columns:1fr .64fr;align-items:center;gap:13%}
.ap-procurement h2{font-size:clamp(3.5rem,6.5vw,6.2rem)}
.ap-procurement-copy p{font-size:1.14rem;line-height:1.7;color:#4c6071;margin:0 0 27px}
.ap-closing{padding:125px 0 140px;text-align:center}
.ap-closing h2{font-size:clamp(3.6rem,7.8vw,7.2rem);letter-spacing:-.07em;line-height:1.03;margin:0 0 22px}
.ap-closing p:not(.ap-section-label):not(.ap-email){font-size:1.27rem;color:#506075;margin:0 0 35px}
.ap-email{margin:30px 0 0;color:#52687d;font-size:.95rem;overflow-wrap:anywhere}
.ap-email a{text-decoration:underline;text-underline-offset:3px}
.hero-small.commerce-pagehead{background:linear-gradient(145deg,#f7f9fb,#edf3f7);padding:clamp(65px,9vw,105px) 0;color:#152336}
.hero-small.commerce-pagehead .kicker{color:#075cae}
.hero-small.commerce-pagehead h1{font-size:clamp(2.6rem,5.5vw,5.8rem);max-width:1040px;line-height:1.08;letter-spacing:-.055em}
.hero-small.commerce-pagehead p{color:#4b6071;max-width:750px;font-size:1.16rem;line-height:1.62}
.hero-small.commerce-pagehead .commerce-actions .btn{border-radius:999px}
.section{padding-top:90px;padding-bottom:90px}
.section-head h2{letter-spacing:-.045em}
.market-card,.card,.review-panel,.procurement-resource,.quote-aside{border-radius:22px}
.contact-mail{overflow-wrap:anywhere}
.btn,.nav-cta{transition:background-color .18s,transform .18s}
.btn:hover{transform:translateY(-1px)}
:focus-visible{outline:3px solid #eda72d;outline-offset:3px}
@media(min-width:1240px){.nav-links .nav-cta{background:#075cbb;color:white;border-color:#075cbb;border-radius:999px}.nav-links .staff-link{background:transparent;color:#465e70;border:1px solid #c8d4dc;border-radius:999px;padding:10px 15px}}
@media(max-width:1000px){.ap-feature-grid,.ap-procurement-layout{grid-template-columns:1fr;gap:55px}.ap-service-grid{gap:14px}.ap-service-card{min-height:395px;padding:24px}}
@media(max-width:759px){
.container,.ap-main .container{width:calc(100% - 38px)}
.ap-hero-inner{padding:87px 0 65px}
.ap-hero h1{font-size:clamp(3rem,12vw,5.5rem);letter-spacing:-.062em}
.ap-eyebrow{font-size:.67rem}
.ap-hero-meta{gap:9px 12px;line-height:1.7}
.ap-hero-meta span+span{padding-left:12px}
.ap-intro,.ap-feature,.ap-procurement,.ap-closing{padding-top:77px;padding-bottom:83px}
.ap-intro h2,.ap-procurement h2,.ap-feature h2{font-size:clamp(2.8rem,10vw,4.2rem)}
.ap-service-grid{grid-template-columns:1fr}
.ap-service-card{min-height:305px;padding:26px}
.ap-feature-grid{gap:38px}
.ap-hero-actions{gap:18px;margin-bottom:50px}
.ap-closing h2{font-size:clamp(3.2rem,12vw,5.2rem)}
.ap-procurement-layout{gap:30px}
.ap-button{max-width:100%;padding-left:21px;padding-right:21px}
.hero-small.commerce-pagehead{padding:66px 0}
}
@media(max-width:420px){
.ap-hero h1{font-size:clamp(2.66rem,11.8vw,3.25rem)}
.ap-hero-meta{font-size:.61rem}
.ap-service-card{min-height:285px}
.ap-hero-actions{flex-direction:column}
.ap-hero-actions .ap-button{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}