:root{--black:#090909;--ink:#151515;--muted:#6c6c68;--line:#e8e5dc;--soft:#f5f3ed;--gold:#c9a84b;--gold2:#ebcf78;--green:#17785b;--red:#b74242;--amber:#a86c14;--white:#fff;--shadow:0 18px 60px rgba(10,10,10,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.hidden{display:none!important}
.gold-btn{border:0;background:var(--gold);color:#111;padding:15px 22px;font-weight:700;transition:.2s}.gold-btn:hover{background:var(--gold2);transform:translateY(-1px)}.gold-btn.small{padding:11px 17px;font-size:12px}
.eyebrow{color:var(--gold2);letter-spacing:2.5px;text-transform:uppercase;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:30px;height:1px;background:var(--gold)}h1,h2,h3{margin-top:0}
.section{padding:100px 8vw}.section.soft{background:var(--soft)}.section.dark{background:#111;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2,.page-hero h1{font-family:"Playfair Display";font-size:clamp(38px,4vw,58px);margin:12px 0}.section-head p{max-width:520px;line-height:1.7;color:var(--muted)}.text-link{border:0;background:none;font-weight:700;color:var(--ink);padding:0;border-bottom:1px solid var(--gold);padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:30px;background:#fff;border:1px solid var(--line);min-height:275px;position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold)}.service-icon{width:42px;height:42px;background:#111;color:var(--gold2);display:grid;place-items:center;font-family:"Playfair Display";font-size:18px}.service-card h3{font-size:18px;margin:28px 0 12px}.service-card p{font-size:13px;color:var(--muted);line-height:1.7}.service-card button{position:absolute;bottom:25px;left:30px;border:0;background:none;font-weight:700;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-panel{min-height:540px;background:url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1000&q=85") center/cover;position:relative}.image-stat{position:absolute;right:-25px;bottom:35px;background:#fff;padding:25px;width:210px;box-shadow:var(--shadow)}.image-stat b{font-family:"Playfair Display";font-size:36px;color:var(--gold)}.image-stat span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.content-block h2{font-family:"Playfair Display";font-size:48px}.content-block p{color:var(--muted);line-height:1.8}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.feature-list span{font-size:13px;font-weight:600}.feature-list span:before{content:"✓";color:var(--gold);margin-right:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333}.metrics div{background:#111;padding:45px 30px}.metrics b{font-family:"Playfair Display";font-size:40px;color:var(--gold2)}.metrics span{display:block;color:#aaa;font-size:12px;margin-top:8px}.page-hero{background:#111;color:#fff;padding:90px 8vw}.page-hero p{color:#bbb;max-width:650px;line-height:1.7}.page-hero.compact{padding:65px 8vw}.faq{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-q{width:100%;display:flex;justify-content:space-between;border:0;background:none;font-weight:700;text-align:left}.faq-a{display:none;color:var(--muted);font-size:14px;line-height:1.7;padding-top:15px}.faq-item.open .faq-a{display:block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{padding:25px;border-top:2px solid var(--gold)}.step b{color:var(--gold);font-family:"Playfair Display";font-size:30px}.step h3{margin:20px 0 8px}.step p{color:var(--muted);font-size:13px;line-height:1.6}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course{border:1px solid var(--line);background:#fff}.course-img{height:180px;background-size:cover;background-position:center}.course-body{padding:24px}.tag{display:inline-flex;padding:5px 8px;background:#f0ead8;color:#785d16;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.course h3{margin:15px 0 8px}.course p{font-size:12px;color:var(--muted)}.course-meta{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;font-weight:600}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.contact-card{background:#111;color:#fff;padding:38px}.contact-row{margin:25px 0}.contact-row small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#555}.field input,.field select,.field textarea{padding:13px;border:1px solid #ddd;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.application-wrap{display:grid;grid-template-columns:280px 1fr;gap:40px}.application-side{background:#111;color:#fff;padding:30px;height:max-content}.application-side button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #303030;background:none;color:#aaa;padding:17px 5px}.application-side button.active{color:var(--gold2)}.application-form{padding:35px;border:1px solid var(--line)}.application-form h2{font-family:"Playfair Display";font-size:34px}.upload{border:1px dashed #bbb;padding:24px;text-align:center;color:#777;font-size:12px}.success-state{text-align:center;padding:65px 20px}.success-check{width:70px;height:70px;border-radius:50%;background:#e7f5ef;color:var(--green);display:grid;place-items:center;margin:auto;font-size:30px}
.os{display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:#f4f5f2}.os-sidebar{background:#0d0e0e;color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:245px;z-index:30}.os-brand{margin:0 10px 25px}.workspace-chip{border:1px solid #2b2c2b;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:20px}.workspace-chip span,.profile span{width:30px;height:30px;background:var(--gold);color:#111;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700}.workspace-chip div,.profile div{display:flex;flex-direction:column;flex:1}.workspace-chip b,.profile b{font-size:10px}.workspace-chip small,.profile small{font-size:8px;color:#888;margin-top:3px}.workspace-chip em,.profile em{font-style:normal;color:#777;font-size:10px}#osNav{overflow-y:auto}#osNav small{font-size:8px;letter-spacing:1.5px;color:#5d605f;margin:20px 10px 8px;display:block}#osNav button,.sidebar-bottom button{width:100%;border:0;background:none;color:#8f9290;text-align:left;padding:10px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:10px;margin:2px 0}#osNav button.active,#osNav button:hover{background:#202220;color:#fff}#osNav i,.sidebar-bottom i{font-style:normal;width:17px;color:#b7b9b7}#osNav em,.sidebar-bottom em{font-style:normal;background:#392f15;color:var(--gold2);padding:2px 5px;border-radius:10px;margin-left:auto;font-size:8px}.sidebar-bottom{margin-top:auto;border-top:1px solid #252626;padding-top:10px}.profile{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px}.os-main{grid-column:2;min-width:0}.os-header{height:82px;background:#fff;border-bottom:1px solid #e3e5e1;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.os-header h2{font-size:16px;margin:0 0 5px}.os-header p{font-size:9px;color:#999;margin:0}.os-header-actions{display:flex;gap:8px;align-items:center}.search{height:36px;border:1px solid #e0e2de;padding:0 9px;display:flex;align-items:center;gap:6px;color:#aaa}.search input{border:0;outline:none;width:200px;font-size:10px}.search kbd{font-size:8px;color:#aaa;background:#f2f2ef;padding:3px}.icon-btn{width:36px;height:36px;border:1px solid #e0e2de;background:#fff}.notification-dot{position:relative}.notification-dot:after{content:"";width:5px;height:5px;background:#d34b3f;border-radius:50%;position:absolute;right:8px;top:7px}.os-mobile-menu{display:none}.os-main main{padding:24px 28px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid #e5e6e2;padding:17px}.kpi-top{display:flex;justify-content:space-between;font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.5px}.kpi-icon{width:25px;height:25px;background:#f4f1e8;display:grid;place-items:center;color:#8f7425}.kpi-value{font-size:22px;font-weight:700;margin:15px 0 5px}.delta{font-size:8px;color:var(--green)}.delta.red{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid #e5e6e2;padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h3{font-size:12px;margin:0}.panel-head span,.panel-head button{font-size:9px;color:#888;border:0;background:none}.chart{height:210px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #eee;padding:0 8px}.bar{flex:1;background:linear-gradient(180deg,var(--gold),#e4d397);position:relative}.bar:after{content:attr(data-label);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:7px;color:#999}.donut-wrap{display:flex;align-items:center;justify-content:space-around;height:210px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--gold) 0 44%,#222 44% 71%,#7c806f 71% 88%,#e6e4de 88%);position:relative}.donut:after{content:"R18.4M";position:absolute;inset:28px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700}.legend div{font-size:9px;margin:12px 0}.legend i{display:inline-block;width:7px;height:7px;margin-right:7px}.table-panel{padding:0}.table-panel .panel-head{padding:17px 18px 0}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;background:#fafaf8;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#888;font-size:8px;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px}.data-table td{font-size:9px;padding:12px 14px;border-bottom:1px solid #f0f0ed}.client-cell{display:flex;align-items:center;gap:8px}.avatar{width:25px;height:25px;border-radius:50%;background:#eee9da;color:#806b2b;display:grid;place-items:center;font-size:8px;font-weight:700}.status{display:inline-flex;padding:4px 7px;border-radius:10px;font-size:7px;font-weight:700;background:#eef0ed;color:#666}.status.approved,.status.paid,.status.low,.status.active{background:#e4f3ec;color:var(--green)}.status.pending,.status.medium,.status.review{background:#f8f0d9;color:var(--amber)}.status.declined,.status.overdue,.status.high{background:#f7e5e5;color:var(--red)}.more-btn{border:0;background:none}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{background:#fff;border:1px solid #e5e6e2;padding:16px;text-align:left}.quick-card i{display:grid;width:28px;height:28px;background:#f4f1e8;place-items:center;font-style:normal;color:#8f7425;margin-bottom:15px}.quick-card b{display:block;font-size:10px}.quick-card small{font-size:8px;color:#999}.module-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.module-toolbar>div{display:flex;gap:7px}.filter-btn{border:1px solid #dedfdb;background:#fff;padding:9px 12px;font-size:9px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;overflow-x:auto}.pipe-col{background:#edeeeb;padding:10px;min-height:520px}.pipe-head{display:flex;justify-content:space-between;font-size:9px;font-weight:700;margin-bottom:10px}.pipe-head span{color:#999}.deal-card{background:#fff;border:1px solid #e1e2df;padding:13px;margin-bottom:9px}.deal-card small{font-size:7px;color:#999}.deal-card h4{font-size:10px;margin:7px 0}.deal-card .deal-value{font-size:13px;font-weight:700}.deal-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:7px;color:#777}.risk-score{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:4px solid #dcefe7;color:var(--green)}.risk-score.medium{border-color:#f3e3ad;color:var(--amber)}.risk-score.high{border-color:#f0caca;color:var(--red)}.client-profile-head{display:flex;align-items:center;gap:15px}.client-profile-head .avatar{width:55px;height:55px;font-size:15px}.profile-tabs{display:flex;gap:18px;border-bottom:1px solid #ddd;margin-top:25px}.profile-tabs button{border:0;background:none;padding:12px 0;font-size:9px}.profile-tabs button.active{border-bottom:2px solid var(--gold);font-weight:700}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.doc-card{border:1px solid #e1e2df;background:#fff;padding:14px}.doc-icon{font-size:22px;color:#b64747}.doc-card h4{font-size:9px;margin:12px 0 5px}.doc-card p{font-size:7px;color:#999}.notification-list .note{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.note-icon{width:30px;height:30px;background:#f3efe2;display:grid;place-items:center;color:#917522}.note div{flex:1}.note b{font-size:9px}.note p{font-size:8px;color:#888;margin:4px 0}.note time{font-size:7px;color:#aaa}.investor-hero{background:#111;color:#fff;padding:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.investor-hero h2{font-family:"Playfair Display";font-size:27px;margin:8px 0}.investor-hero p{color:#aaa;font-size:9px}.investor-return{text-align:right}.investor-return b{font-size:28px;color:var(--gold2)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65)}.modal-card{position:relative;background:#fff;width:min(700px,92vw);max-height:90vh;overflow:auto;padding:35px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:22px}.toast{position:fixed;right:25px;bottom:25px;background:#111;color:#fff;padding:14px 20px;font-size:11px;z-index:200;transform:translateY(100px);opacity:0;transition:.3s;border-left:3px solid var(--gold)}.toast.show{transform:none;opacity:1}
.crm-welcome{background:#111;color:#fff;padding:24px 28px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.crm-welcome h2{font-family:"Playfair Display";font-size:25px;margin:8px 0}.crm-welcome p{font-size:9px;color:#aaa;margin:0}.crm-welcome-actions{display:flex;gap:8px}.crm-welcome .filter-btn{background:transparent;border-color:#444;color:#ddd}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.os{display:block}.os-sidebar{transform:translateX(-100%);transition:.25s}.os-sidebar.open{transform:none}.os-main{margin-left:0}.os-mobile-menu{display:inline;border:0;background:none;margin-right:10px}.search{display:none}.doc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.service-grid,.course-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.os-header{padding:0 14px}.os-main main{padding:14px}.os-header-actions .gold-btn,.icon-btn:first-of-type{display:none}.kpi-grid,.quick-grid,.doc-grid{grid-template-columns:1fr}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}.investor-hero{display:block}.investor-return{text-align:left;margin-top:20px}}