@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-color:#07090e;--bg-surface:#0c101a;--bg-surface-elevated:#111726;--section-bg:#07090e;--bg-card:#0f172aa6;--bg-card-hover:#182440d9;--primary:#38bdf8;--primary-rgb:56, 189, 248;--primary-glow:#38bdf859;--secondary:#818cf8;--secondary-glow:#818cf84d;--accent-purple:#c084fc;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:#ffffff14;--border-hover:#38bdf859;--gradient-main:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--gradient-glow:linear-gradient(135deg, #38bdf826 0%, #818cf80d 100%);--gradient-text:linear-gradient(135deg, #fff 0%, #38bdf8 50%, #c084fc 100%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #ffffff03 100%);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif}[data-theme=light]{--bg-color:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--section-bg:#f8fafc;--bg-card:#fff;--bg-card-hover:#fff;--primary:#0284c7;--primary-rgb:2, 132, 199;--primary-glow:#0284c740;--secondary:#4f46e5;--secondary-glow:#4f46e533;--accent-purple:#7e22ce;--accent-emerald:#059669;--accent-emerald-glow:#05966933;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--border-color:#0f172a1f;--border-hover:#0284c7;--gradient-main:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--gradient-glow:linear-gradient(135deg, #0284c71f 0%, #4f46e50d 100%);--gradient-text:linear-gradient(135deg, #0f172a 0%, #0284c7 50%, #4f46e5 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8fafc 100%)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 50% -20%,#38bdf81f,#0000),radial-gradient(60% 40% at 80% 60%,#818cf80f,#0000);background-attachment:fixed;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}[data-theme=light] body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(80% 50% at 50% -20%,#0284c714,#0000),radial-gradient(60% 40% at 80% 60%,#4f46e50a,#0000)}[data-theme=light] .section-dark,[data-theme=light] .section-light{--section-bg:#f8fafc;--bg-color:#f8fafc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--text-main:#0f172a;--text-muted:#475569;--border-color:#0f172a17;background:var(--bg-color);color:var(--text-main)}[data-theme=light] .section-title{background:linear-gradient(#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .brand-logo{background:linear-gradient(135deg,#0f172a 0%,#0284c7 60%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .hero-role-static{color:#0f172a}[data-theme=light] .hero-role-dynamic{background:linear-gradient(90deg,#0284c7,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .card{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 4px 20px -2px #0f172a0f!important}[data-theme=light] .card:hover{border-color:#0284c7!important;box-shadow:0 12px 30px -10px #0284c72e!important}[data-theme=light] .btn-secondary{color:#0f172a;background:#fff;border:1px solid #0f172a26;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .btn-secondary:hover{color:#0284c7;background:#f8fafc;border-color:#0284c7}[data-theme=light] .tech-ticker-item{color:#1e293b;background:#fff;border-color:#0f172a1f;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .tech-ticker-item:hover{color:#0284c7;background:#fff;border-color:#0284c7}[data-theme=light] .surface-panel{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 20px 50px -20px #0f172a14!important}[data-theme=light] .section-subtitle{color:#475569!important}[data-theme=light] input,[data-theme=light] textarea{color:#0f172a!important;background:#fff!important;border-color:#0f172a29!important}[data-theme=light] footer{background:#eef2f6!important;border-top:1px solid #0f172a1a!important}[data-theme=light] footer p{color:#475569!important}[data-theme=light] footer a{color:#334155!important}[data-theme=light] footer a:hover{color:#0284c7!important}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0284c7}.section-dark{--section-bg:#07090e;--bg-color:#07090e;--bg-card:#0f172aa6;--bg-card-hover:#182440d9;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;background:var(--section-bg);color:var(--text-main)}.section-light{--section-bg:#0b101c;--bg-color:#0b101c;--bg-card:#121b31b3;--bg-card-hover:#1c294ae6;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;--primary-glow:#38bdf840;background:radial-gradient(circle at 15% 20%, #38bdf80f, transparent 35rem), radial-gradient(circle at 85% 70%, #818cf80d, transparent 35rem), linear-gradient(180deg, #07090e 0%, var(--section-bg) 50%, #07090e 100%);color:var(--text-main)}.section-light .btn-secondary{color:#f8fafc;background:#ffffff0d;border-color:#ffffff1a}.section-light .btn-secondary:hover{background:#38bdf81f;border-color:#38bdf866}.section-light .card{box-shadow:0 10px 30px -10px #00000080}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#07090e}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-logo{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#38bdf8 60%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800;display:inline-block;position:relative}.brand-logo:after{content:"";opacity:.75;background:linear-gradient(90deg,#38bdf8,#0000);border-radius:999px;height:2px;position:absolute;bottom:-.25rem;left:0;right:0}.hero-role-line{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.hero-role-static{color:var(--text-main)}.hero-role-dynamic{background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:min(100%,12.5em);animation:2.4s both roleSwap;display:inline-block}@keyframes roleSwap{0%{opacity:0;filter:blur(6px);transform:translateY(.6rem)}18%,78%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(5px);transform:translateY(-.45rem)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:6.5rem 0;position:relative}.section-title{text-align:center;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.85rem;font-size:clamp(2rem,3.5vw,2.75rem)}.section-subtitle{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.7}.btn{letter-spacing:.01em;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;padding:.875rem 1.85rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:1px solid #ffffff26;box-shadow:0 4px 20px #38bdf859}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 8px 30px #38bdf880}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a}.btn-secondary:hover{color:#38bdf8;background:#ffffff14;border-color:#38bdf866;transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);border-radius:1.25rem;padding:2.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -15px #00000080}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 20px 40px -15px #38bdf826}.surface-panel{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 60px -20px #0009}.badge-status{color:#34d399;letter-spacing:.02em;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.55rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;box-shadow:0 0 #10b981b3}@keyframes pulseGreen{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.project-media{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-preview{height:100%;min-height:350px;transition:transform .45s}.project-media:hover .project-preview{transform:scale(1.02)}.attorus-preview{color:#ecfdf5;background:#0f1914;border:1px solid #10b98126;flex-direction:column;display:flex}.attorus-header{background:#064e3b40;border-bottom:1px solid #10b98126;align-items:center;gap:.75rem;padding:1rem;display:flex}.attorus-avatar{color:#fff;background:#059669;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.attorus-header span,.legal-topbar span{color:#94a3b8;font-size:.75rem;display:block}.attorus-refresh{color:#34d399;border:1px solid #10b98140;border-radius:50%;margin-left:auto;padding:.2rem .45rem}.attorus-body{flex:1;padding:1.35rem}.attorus-message{color:#fff;background:#047857;border-radius:.6rem;width:min(100%,380px);padding:.95rem 1rem;font-size:.9rem;font-weight:600;line-height:1.45}.attorus-input{color:#94a3b8;background:#064e3b33;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.75rem;margin:1rem;padding:.65rem .75rem .65rem 1rem;display:flex}.attorus-input span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attorus-input button{color:#fff;background:#10b981;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.legal-preview{color:#fff;background:#030816;border:1px solid #38bdf826;padding:1.1rem}.legal-topbar{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.legal-logo{color:#fff;background:#0284c7;border-radius:.85rem;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.legal-topbar span{color:#b6c2d3;background:#94a3b829;border-radius:999px;margin-left:auto;padding:.35rem .7rem}.legal-content{grid-template-columns:1fr .95fr;align-items:center;gap:1rem;display:grid}.legal-content h4{max-width:360px;margin-bottom:1rem;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05}.legal-content p{color:#94a3b8;line-height:1.6}.legal-actions{gap:.75rem;margin-top:1rem;display:flex}.legal-actions span{color:#fff;background:#0284c7;border-radius:999px;padding:.6rem .85rem;font-size:.85rem;font-weight:700}.legal-actions span+span{color:#fff;background:0 0;border:1px solid #818cf8}.legal-chat{background:#0b1329;border:1px solid #94a3b826;border-radius:1rem;padding:.85rem}.legal-chat p{border-radius:.75rem;margin-bottom:.6rem;padding:.65rem;font-size:.85rem}.user-bubble{background:#1e293b;max-width:85%;margin-left:auto;color:#fff!important}.ai-bubble{background:#082f49;border:1px solid #38bdf84d;color:#e0f2fe!important}.legal-chat small{color:#38bdf8;font-weight:700}.africa-preview{color:#fff;background:radial-gradient(circle at 20% 10%,#7c3aed38,#0000 14rem),radial-gradient(circle at 80% 30%,#ec48991f,#0000 12rem),#0a0614;border:1px solid #7c3aed33;flex-direction:column;display:flex}.africa-appbar{background:#191127e6;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.africa-logo{color:#fff;background:linear-gradient(135deg,#f59e0b,#7c3aed);border:2px solid #f59e0b73;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:900;display:grid}.africa-appbar span{color:#a3a3a3;font-size:.78rem;display:block}.africa-menu{color:#d4d4d4;letter-spacing:.08rem;margin-left:auto}.africa-chat{flex:1;padding:1.1rem;position:relative}.africa-outgoing{color:#fff;background:#7c3aed;border-radius:.8rem .8rem .15rem;width:fit-content;margin-bottom:1rem;margin-left:auto;padding:.45rem .75rem;font-weight:700}.africa-panel{background:#1e1430f2;border:1px solid #7c3aed40;border-radius:.55rem;width:min(100%,320px);padding:.75rem;box-shadow:0 18px 40px #0006}.africa-panel p{color:#f5f5f5;margin-top:.5rem;font-weight:600}.africa-actions{grid-template-columns:1fr 1fr;gap:.35rem;width:min(100%,320px);margin-top:.5rem;display:grid}.africa-actions span{color:#f5f5f5;text-align:center;background:#31244bdb;border-radius:.42rem;padding:.48rem .55rem;font-size:.82rem;font-weight:600}.africa-actions span:nth-last-child(-n+3){grid-column:span 2}.africa-input{color:#9ca3af;background:#191127e6;border:1px solid #ffffff14;border-radius:.85rem;align-items:center;gap:1rem;margin:.9rem;padding:.75rem .9rem;display:flex}.africa-input span{flex:1}.africa-input strong{color:#d4d4d4;text-transform:uppercase;background:#3b2a59;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.75rem;display:grid}.saas-preview{background:radial-gradient(circle at 25% 20%,#38bdf833,#0000 18rem),#070e1c;place-items:center;padding:2rem;display:grid}.saas-window{background:#0f172adb;border:1px solid #38bdf838;border-radius:1.25rem;width:min(100%,440px);padding:1rem}.saas-dots{gap:.4rem;margin-bottom:1rem;display:flex}.saas-dots span{background:#38bdf8;border-radius:50%;width:10px;height:10px}.saas-dots span:nth-child(2){background:#818cf8}.saas-dots span:nth-child(3){background:#10b981}.saas-grid{grid-template-columns:1fr .8fr;gap:.85rem;display:grid}.saas-chart,.saas-card,.saas-list{background:linear-gradient(135deg,#38bdf826,#818cf80d);border:1px solid #ffffff14;border-radius:.8rem;min-height:90px}.saas-card.wide{grid-column:span 2}.contact-method,.contact-method>div:last-child{min-width:0}.contact-method span{overflow-wrap:anywhere}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (width<=768px){.container{padding:0 1.25rem}.section-title{font-size:2rem}.section-padding{padding:4.5rem 0}.btn{width:100%;padding-inline:1.25rem}.brand-logo{letter-spacing:.04em;font-size:1.15rem}.hero-role-line{justify-content:center;gap:.45rem}.hero-role-dynamic{min-width:100%}.contact-panel{border-radius:1.25rem!important;grid-template-columns:1fr!important;gap:2.5rem!important;padding:1.5rem!important}.contact-method{align-items:flex-start!important}.project-preview{min-height:280px}.legal-content{grid-template-columns:1fr}.legal-topbar{margin-bottom:1.5rem}.legal-topbar span{display:none}.legal-actions{flex-direction:column}.africa-actions,.africa-panel{width:100%}}.marquee-container{width:100%;padding:1rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-content{gap:1.25rem;width:max-content;animation:32s linear infinite marqueeScroll;display:flex}.marquee-content:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-ticker-item{color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#0f172ab3;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.6rem;padding:.55rem 1.15rem;font-size:.88rem;font-weight:500;transition:all .25s;display:inline-flex}.tech-ticker-item:hover{color:#38bdf8;background:#182440d9;border-color:#38bdf866;transform:translateY(-2px)}