:root{--background-primary: #0A1628;--background-secondary: #12243D;--background-tertiary: rgba(18, 36, 61, .6);--border-default: rgba(255, 255, 255, .08);--text-primary: #E0E6EB;--text-secondary: #9CA3AF;--accent-primary: #00D4AA;--accent-primary-hover: #00B28C;--accent-gold: #FFD700;--success: #34D399;--warning: #FBBF24;--error: #EF4444;--font-heading: "Josefin Sans", sans-serif;--font-body: "Roboto", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--section-gap-lg: 96px;--section-gap-md: 64px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--background-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent-primary);color:var(--background-primary)}img{max-width:100%;height:auto;display:block}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);line-height:1.15}h1{font-size:3.2rem}h2{font-size:2.4rem;font-weight:400;letter-spacing:.03em}h3{font-size:1.4rem;font-weight:400;text-transform:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-accent-gold{color:var(--accent-gold)}.text-accent-primary{color:var(--accent-primary)}.text-center{text-align:center}.text-left{text-align:left}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);background-color:var(--accent-primary);color:var(--background-primary);font-family:var(--font-body);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;border:none;cursor:pointer;white-space:nowrap}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 4px 10px #00d4aa66;text-decoration:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);background-color:transparent;border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;white-space:nowrap}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);text-decoration:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--border-radius-md);background-color:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer}.btn-ghost:hover{color:var(--accent-primary);background-color:#00d4aa1a;text-decoration:none}.card{background-color:var(--background-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-default);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-interactive{background-color:var(--background-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-default);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease-in-out}.card-interactive:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 20px #00d4aa33}@keyframes float-1{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-15px)}}@keyframes float-2{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-padding{padding:var(--section-gap-lg) 0}@media(max-width:768px){.section-padding{padding:var(--section-gap-md) 0}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.2rem}}.language-toggle{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-family:var(--font-display);font-size:12px;white-space:nowrap;color:var(--palm-text-muted)}.language-toggle button{appearance:none;border:0;padding:5px 2px;background:transparent;color:var(--palm-text-muted);font:inherit;font-weight:600;cursor:pointer}.language-toggle button[aria-pressed=true]{color:var(--palm-gold);font-weight:800}.language-toggle button:focus-visible{outline:2px solid var(--palm-gold);outline-offset:3px;border-radius:2px}html[lang=en] .desktop-menu{gap:22px!important}html[lang=en] .reference-hero-copy h1{font-size:clamp(38px,3.5vw,54px)}.reference-hero{position:relative;min-height:calc(100svh - 76px);overflow:hidden;background:linear-gradient(90deg,#050c1cf0,#050c1cbf 48%,#050c1c59),linear-gradient(180deg,#050c1c1a,#050c1c73),url(/okap/kinshasa-hero.jpg) center/cover no-repeat;display:flex;align-items:center}.reference-hero .reference-hero-inner{padding-top:52px;padding-bottom:52px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 403px;gap:69px;align-items:center}.reference-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.reference-hero-copy .section-eyebrow{margin:0;font-size:13px;line-height:1.5}.reference-hero-copy .section-eyebrow .material-symbols-outlined{font-size:16px}.reference-hero-copy h1{font-size:56px;line-height:1.05;text-transform:none;letter-spacing:-.02em;margin:0}.hero-lead{font-size:20px;font-weight:500;line-height:1.4;color:#fff}.hero-description{font-size:16px;line-height:1.6;color:var(--palm-text-muted)}.hero-trust-items{display:flex;flex-wrap:wrap;gap:9px 24px;width:100%;margin-top:0;padding-top:17px;border-top:1px solid var(--palm-border)}.hero-trust-items>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;text-transform:uppercase;font-weight:600;white-space:nowrap}.hero-trust-items .material-symbols-outlined{color:var(--palm-gold);font-size:16px}.reference-hero-portrait{position:relative;width:403px;aspect-ratio:403/722}.hero-portrait-image{position:absolute;inset:0;border-radius:27px;background-image:url(/okap/hero-reference.jpg);background-size:357.3201% auto;background-position:89.1996% 71.9101%;background-repeat:no-repeat;box-shadow:0 20px 70px #0006}.portrait-proof{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(93,228,255,.2);background:linear-gradient(120deg,#102335f7,#0a1628fa);border-radius:14px;box-shadow:0 12px 40px #00000059;white-space:nowrap}.portrait-proof small{display:block;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--palm-text-muted)}.portrait-proof strong{display:block;font-size:14px;line-height:1.5;font-weight:800;color:#fff}.portrait-proof em{font-style:normal;color:var(--palm-emerald);font-size:11px}.proof-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--palm-cyan);background:#5de4ff14}.proof-title{left:-74px;top:92px;min-width:174px;min-height:67px}.proof-construction{left:-98px;top:347px;min-width:192px;min-height:68px;border-color:#2ce59b33}.proof-construction .proof-icon{color:var(--palm-emerald);background:#2ce59b14}.proof-broker{right:-8px;bottom:73px;min-width:252px;min-height:70px;border-color:var(--palm-border-gold)}.proof-broker .proof-icon{color:var(--palm-gold);background:#d4af3714}.proof-broker strong{color:var(--palm-gold-soft)}.problem-section>.section-container>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr))!important}section[id]{scroll-margin-top:76px}@media(min-width:1100px){.reference-hero-copy .hero-description{max-width:710px}}@media(max-width:1250px)and (min-width:1025px){.reference-hero .reference-hero-inner{grid-template-columns:minmax(0,1fr) 340px;gap:45px}.reference-hero-portrait{width:340px}.reference-hero-copy h1{font-size:48px}.portrait-proof{transform:scale(.85);transform-origin:left center}.proof-broker{transform-origin:right center}.proof-title{top:12.74%}.proof-construction{top:48.06%}.proof-broker{bottom:10.11%}}@media(max-width:1024px){.reference-hero .reference-hero-inner{grid-template-columns:1fr;gap:55px;padding-top:65px;padding-bottom:65px}.reference-hero-copy{max-width:740px}.reference-hero-copy h1{font-size:50px}.reference-hero-portrait{justify-self:center}.hero-title-break{display:none}.problem-section>.section-container>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.reference-hero-copy h1{font-size:38px;line-height:1.1}.reference-hero-copy .section-eyebrow{font-size:10px;letter-spacing:.1em}.reference-hero-copy{gap:20px}.hero-lead{font-size:18px}.hero-description{font-size:14px}.reference-hero-portrait{width:min(100%,340px)}.portrait-proof{transform:scale(.75);transform-origin:left center}.proof-title{left:-6px;top:12.74%}.proof-construction{left:-12px;top:48.06%}.proof-broker{right:-6px;bottom:10.11%;transform-origin:right center}.hero-trust-items{gap:10px 14px}.hero-trust-items>span{font-size:9px;white-space:normal}.problem-section>.section-container>div:last-child{grid-template-columns:1fr!important}.screenshot-showcase-grid{grid-template-columns:minmax(0,1fr)!important}.screenshot-showcase-grid>div{min-width:0}.screenshot-showcase-grid>div:first-child>.glass-card{width:calc((100% - 20px)/2)!important;min-width:0}.section-title{overflow-wrap:break-word}#download .section-title{font-size:34px!important}}@media(min-width:1025px)and (max-height:800px){.reference-hero{--portrait-height:clamp(420px, calc(100svh - 124px) ,650px);min-height:calc(100svh - 76px)}.reference-hero .reference-hero-inner{grid-template-columns:minmax(0,1fr) calc(var(--portrait-height) * .5581717);gap:48px;padding-top:24px;padding-bottom:24px}.reference-hero-copy{gap:14px}.reference-hero-copy h1{font-size:clamp(44px,3.65vw,52px);line-height:1.05}.reference-hero-copy .hero-title-break{display:none}.reference-hero-copy .section-eyebrow{font-size:12px}.hero-lead{font-size:19px}.hero-description{font-size:16px;line-height:1.5}.hero-trust-items{padding-top:14px;gap:8px 20px}.reference-hero-portrait{width:100%;height:var(--portrait-height)}.portrait-proof{transform:none;padding:10px 12px;min-height:60px}.proof-title{left:-96px;top:12.74%;min-width:168px}.proof-construction{left:-120px;top:48.06%;min-width:184px}.proof-broker{right:-6px;bottom:10.11%;min-width:230px}.portrait-proof strong{font-size:13px}}