:root{
    --ok-green:#41D97B;
    --ok-dark:#1E2326;
    --ok-navy:#333549;
    --bg:#F3F4F6;          /* холодный нейтрал (без "розовинки") */
    --panel:#FFFFFF;
    --border:#E1E4E8;      /* без rgba */
    --text:#0F172A;
    --muted:#475569;
    --shadow:0 1px 3px rgba(15, 23, 42, .08);
    --shadow2:0 1px 2px rgba(15, 23, 42, .06);
    --r16:16px;
    --r20:20px;
    --r24:24px;
}

/* Safari/рендеринг: убираем цветной fringe */
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

*{box-sizing:border-box}
body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.55;
    font-size: 18px;
}

a{color:inherit; text-decoration:none}
.container{max-width:1160px; margin:0 auto; padding:0 22px;}
.content-width{max-width:1160px; margin:0 auto; padding:0 22px;}

/* Header */
header{
    position:sticky; top:0; z-index:50;
    background: var(--bg);
    border-bottom:1px solid var(--border);
}
.nav{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:12px 0;
}
.brand{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.mark{
    width:36px; height:36px; border-radius:10px;
    border:2px solid var(--ok-green);
    display:grid; place-items:center;
    background:#fff;
    font-weight:800;
    letter-spacing:.2px;
    font-size:14px;
}
.brand-title{display:flex; flex-direction:column; line-height:1.1}
.brand-title b{font-size:15px; letter-spacing:.2px}
.brand-title span{font-size:12px; color:var(--muted)}
nav ul{display:flex; gap:8px; list-style:none; padding:0; margin:0; align-items:center; flex-wrap:wrap;}
nav a{
    font-size:14px;
    color: #111827;
    padding:8px 10px;
    border-radius:10px;
    border:1px solid transparent;
    white-space:nowrap;
}
nav a:hover,
nav a:focus{border-color:var(--border); background:#fff; outline:2px solid var(--ok-green); outline-offset:2px;}

/* Hero */
.hero{
    padding:54px 0 32px;
    background: var(--ok-dark);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.hero-content{
    max-width: 100%;
}
.hero-grid{
    display:grid;
    grid-template-columns: 1.18fr .82fr;
    gap:26px;
    align-items:stretch;
}
.eyebrow{
    display:inline-flex;
    gap:10px;
    align-items:center;
    padding:10px 12px;
    border-radius:12px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    font-size:14px;
    color: rgba(255,255,255,.88);
    width:fit-content;
}
.dot{width:10px; height:10px; border-radius:3px; background:var(--ok-green);}
h1{
    margin:0 0 24px;
    font-size: clamp(40px, 4.6vw, 64px);
    line-height: 1.04;
    letter-spacing: -.02em;
    font-weight:800;
}
.lead{
    margin:0 0 20px;
    color: rgba(255,255,255,.85);
    font-size: clamp(18px, 1.25vw, 22px);
    max-width: 70ch;
    line-height: 1.65;
    font-weight:400;
}
.hero-sub{
    margin:0 0 28px;
    color: rgba(255,255,255,.80);
    font-size: clamp(17px, 1.15vw, 20px);
    max-width: 70ch;
    line-height: 1.65;
    font-weight:400;
}
.hero-links{
    margin:24px 0;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.hero-links .separator{
    color: rgba(255,255,255,.4);
}
.link{
    color: rgba(255,255,255,.88);
    text-decoration:underline;
    text-decoration-color: rgba(255,255,255,.3);
    transition: color .18s ease, text-decoration-color .18s ease;
}
.hero .link,
.platform .link{
    color: rgba(255,255,255,.88);
    text-decoration-color: rgba(255,255,255,.3);
}
.hero .link:hover,
.hero .link:focus,
.platform .link:hover,
.platform .link:focus{
    color:#fff;
    text-decoration-color: var(--ok-green);
    outline:2px solid rgba(255,255,255,.2);
    outline-offset:2px;
}
section:not(.platform):not(.hero) .link{
    color: var(--text);
    text-decoration-color: var(--ok-green);
}
section:not(.platform):not(.hero) .link:hover,
section:not(.platform):not(.hero) .link:focus{
    color: var(--ok-green);
    text-decoration-color: var(--ok-green);
}
.hero-actions{margin-top:22px; display:flex; gap:12px; flex-wrap:wrap; align-items:center;}
.cta-text{
    color: rgba(255,255,255,.85);
    font-size:16px;
    font-weight:500;
}
section:not(.platform):not(.hero) .cta-text{
    color: var(--text);
}
.btn{
    padding:12px 16px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    color:#fff;
    font-weight:700;
    font-size:16px;
    box-shadow: var(--shadow);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
    cursor:pointer;
}
.btn:hover,
.btn:focus{transform: translateY(-1px); background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.22); outline:2px solid rgba(255,255,255,.4); outline-offset:2px;}
.btn.primary{
    background: rgba(65,217,123,.16);
    border-color: rgba(65,217,123,.45);
}
.btn.primary:hover,
.btn.primary:focus{background: rgba(65,217,123,.20)}

/* KPI panel */
.kpi{
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius: var(--r24);
    padding:24px;
    box-shadow: var(--shadow);
    position:relative;
}
.kpi h3{margin:0 0 16px; font-size:18px; font-weight:600;}
.kpi-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
}
.kpi-item{
    border-radius:16px;
    background: rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.10);
    padding:14px;
    min-height:80px;
}
.kpi-num{
    font-size:32px;
    font-weight:800;
    letter-spacing:-.02em;
}
.kpi-sub{
    margin-top:2px;
    color: rgba(255,255,255,.75);
    font-size:14px;
}
.kpi-note{
    margin-top:20px;
    color: rgba(255,255,255,.75);
    font-size:15px;
    line-height:1.6;
    border-top:1px solid rgba(255,255,255,.10);
    padding-top:16px;
    font-weight:400;
}

/* Sections */
section{padding:68px 0;}
/* Spacing adjustments */
section#trust{
    padding-bottom:68px;
}
section#founder{
    padding-top:68px;
}
.founder-section{
    background: var(--bg);
    border-top:1px solid var(--border);
}
/* Ensure proper text contrast */
section:not(.platform) .section-title,
section:not(.platform) .section-sub,
section:not(.platform) .section-text,
section:not(.platform) h3,
section:not(.platform) h4{
    color: var(--text);
}
section:not(.platform) .value-headline{
    color: var(--text);
}
.section-title{
    margin:0 0 10px;
    font-size: clamp(32px, 3vw, 44px);
    letter-spacing:-.02em;
}
.accent-dot{color: var(--ok-green);}
.section-sub{
    margin:0 0 24px;
    color: var(--muted);
    font-size: 19px;
    max-width: 70ch;
}
.section-text{
    margin:0 0 20px;
    color: var(--text);
    font-size: 18px;
    line-height: 1.7;
    max-width: 70ch;
}
.platform .section-text{
    color: rgba(255,255,255,.85);
}
.value-headline{
    margin:0 0 20px;
    font-size: clamp(28px, 3vw, 36px);
    font-weight:800;
    letter-spacing:-.02em;
    color: var(--text);
}

/* Panels */
.panel{
    background: var(--panel);
    border:1px solid var(--border);
    border-radius: var(--r24);
    box-shadow: var(--shadow);
    overflow:hidden;
}
.panel-pad{padding:22px;}

/* Trust grid (Big4 stable) */
.trust-wrap{
    display:grid;
    grid-template-columns: 1fr;
    gap:14px;
}
.logo-carousel{
    overflow:hidden;
    padding:24px 0;
    position:relative;
}
.logo-carousel-track{
    display:flex;
    gap:20px;
    animation:logo-scroll 40s linear infinite;
    will-change:transform;
}
.logo-carousel-track:hover{
    animation-play-state:paused;
}
.logo-card{
    flex-shrink:0;
    width:240px;
    height:160px;
    border-radius:16px;
    border:1px solid var(--border);
    background: var(--panel);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: var(--shadow2);
    transition: transform .16s ease;
    padding:24px;
}
.logo-card.logo-dark{
    background: rgba(30,35,38,.6);
}
.logo-card:hover{transform: translateY(-2px);}
.logo-card:focus-within{outline:2px solid var(--border); outline-offset:2px;}
.logo-card img{
    max-height:100px;
    max-width:200px;
    width:auto;
    height:auto;
    opacity:1;
    object-fit:contain;
    filter: none;
}
@keyframes logo-scroll{
    0%{transform:translateX(0);}
    100%{transform:translateX(calc(-240px * 7 - 20px * 7));}
}
@media (max-width: 980px){
    .logo-card{width:200px; height:140px; padding:20px;}
    .logo-card img{max-height:85px; max-width:170px;}
    @keyframes logo-scroll{
        0%{transform:translateX(0);}
        100%{transform:translateX(calc(-200px * 7 - 20px * 7));}
    }
}
@media (max-width: 520px){
    .logo-card{width:180px; height:120px; padding:18px;}
    .logo-card img{max-height:70px; max-width:150px;}
    @keyframes logo-scroll{
        0%{transform:translateX(0);}
        100%{transform:translateX(calc(-180px * 7 - 20px * 7));}
    }
}

/* Value cards */
.cards{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:14px;
}
.card{
    border-radius: var(--r24);
    border:1px solid var(--border);
    background:#fff;
    padding:20px;
    box-shadow: var(--shadow2);
}
.card h4{
    margin:0 0 8px;
    font-size:18px;
    display:flex; align-items:flex-start; gap:12px;
    line-height:1.5;
}
.badge{
    width:10px; height:10px; border-radius:3px;
    background: var(--ok-green);
    flex-shrink:0;
    margin-top:6px;
}
.card p{margin:0; color: var(--muted);}

/* Platform (dark section as requested) */
.platform{
    background: var(--ok-dark);
    color:#fff;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
}
.platform .section-title{color:#fff}
.platform .section-sub{color: rgba(255,255,255,.78)}
.pills{
    display:flex; flex-wrap:wrap; gap:10px;
    margin-top:18px;
}
.pill{
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.88);
    font-weight:600;
    font-size:14px;
}
.pill strong{color:#fff}
.pill.ok{
    border-color: rgba(65,217,123,.32);
    background: rgba(65,217,123,.12);
}

/* Footer contact */
footer{
    padding:34px 0 54px;
    background: var(--ok-dark);
    color:#fff;
    border-top:1px solid rgba(255,255,255,.06);
}
.contact{
    font-size:20px;
    font-weight:800;
    letter-spacing:.2px;
    display:inline-flex;
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
}
.contact:hover,
.contact:focus{background: rgba(255,255,255,.10); outline:2px solid rgba(255,255,255,.4); outline-offset:2px;}
.footer-info{
    margin-top:24px;
    color: rgba(255,255,255,.65);
    font-size:13px;
    line-height:1.6;
    font-weight:400;
}

/* Reveal animation (subtle) */
.reveal{opacity:0; transform: translateY(10px); transition: opacity .55s ease, transform .55s ease;}
.reveal.in{opacity:1; transform: translateY(0);}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Responsive */
@media (max-width: 980px){
    .hero-grid{grid-template-columns: 1fr; }
    .logo-carousel-track{animation-duration:25s;}
    .logo-card{width:160px; height:100px;}
    .logo-card img{max-height:60px; max-width:140px;}
    .cards{grid-template-columns: 1fr;}
    .process-steps{grid-template-columns: 1fr;}
    .services-grid{grid-template-columns: 1fr;}
    .ai-projects{grid-template-columns: 1fr;}
    .founder-wrapper{grid-template-columns: 1fr; gap:32px;}
    .founder-photo{width:240px; height:240px; margin:0 auto;}
    .why-content{grid-template-columns: 1fr !important;}
    .roles-grid{flex-direction:column; gap:0;}
    .role-item{flex:1 1 auto; width:100%; margin-left:0 !important; margin-top:16px;}
    .role-item:first-child{margin-top:0;}
    nav ul{gap:6px;}
    nav a{font-size:13px; padding:6px 8px;}
}
@media (max-width: 520px){
    nav ul{display:none;}
    .logo-carousel-track{animation-duration:20s;}
    .logo-card{width:140px; height:90px;}
    .logo-card img{max-height:50px; max-width:120px;}
    .kpi-grid{grid-template-columns:1fr;}
    .hero-links{flex-direction:column; align-items:flex-start;}
    .hero-links .separator{display:none;}
}

/* New sections styles */
.sla-box{
    margin-top:32px;
    padding:20px;
    background: var(--panel);
    border:1px solid var(--border);
    border-radius: var(--r20);
}
.sla-box h4{
    margin:0 0 12px;
    font-size:18px;
    color: var(--text);
}
.sla-list{
    margin:0;
    padding-left:20px;
    list-style:disc;
    color: var(--muted);
    line-height:1.8;
}
.sla-list li{
    margin-bottom:8px;
}

.process-steps{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap:24px;
    margin-top:32px;
}
.process-step{
    padding:24px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius: var(--r20);
}
.step-number{
    width:40px;
    height:40px;
    border-radius:10px;
    background: var(--ok-green);
    color: var(--ok-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:800;
    margin-bottom:16px;
}
.process-step h3{
    margin:0 0 8px;
    font-size:20px;
    color:#fff;
}
.process-step p{
    margin:0;
    color: rgba(255,255,255,.75);
    font-size:16px;
    line-height:1.6;
}

.services-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap:20px;
    margin-top:32px;
}
.service-card{
    padding:24px;
    background: var(--panel);
    border:1px solid var(--border);
    border-radius: var(--r20);
    display:flex;
    flex-direction:column;
}
.service-card h3{
    margin:0 0 16px;
    font-size:20px;
    color: var(--text);
    min-height:56px;
    display:flex;
    align-items:flex-start;
}
.service-card p,
.service-card .service-description{
    margin:0;
    margin-top:auto;
    color: var(--muted);
    line-height:1.6;
}

.languages-section{
    margin-top:40px;
}
.languages-title{
    margin:0 0 20px;
    font-size:18px;
    font-weight:600;
    color: var(--text);
}
.languages-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.language-badge{
    display:inline-block;
    padding:8px 16px;
    background: var(--panel);
    border:1px solid var(--border);
    border-radius:8px;
    color: var(--text);
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
}

.ai-projects{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap:24px;
    margin-top:32px;
    max-width: 100%;
}
.ai-project{
    padding:24px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius: var(--r20);
}
.ai-project h4{
    margin:0 0 8px;
    font-size:20px;
    color:#fff;
}
.ai-project p{
    margin:0 0 16px;
    color: rgba(255,255,255,.75);
    line-height:1.6;
}

.experience-list{
    margin:16px 0;
    padding-left:24px;
    list-style:disc;
    color: var(--text);
    line-height:1.8;
}
.platform .experience-list{
    color: rgba(255,255,255,.85);
}
.experience-list li{
    margin-bottom:8px;
}

/* Projects improved */
.projects-content{
    max-width: 100%;
}
.projects-intro{
    margin-bottom:32px;
}
.projects-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap:20px;
    margin:32px 0;
}
.project-block{
    padding:20px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius: var(--r20);
    text-align:center;
}
.project-icon{
    width:48px;
    height:48px;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    position:relative;
}
/* Enterprise icons using CSS */
.icon-enterprise{
    position:relative;
}
.icon-enterprise::before{
    content:"";
    width:24px;
    height:24px;
    background:linear-gradient(135deg, transparent 30%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.9) 40%, transparent 40%, transparent 60%, rgba(255,255,255,.9) 60%, rgba(255,255,255,.9) 70%, transparent 70%),
                linear-gradient(45deg, transparent 30%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.9) 40%, transparent 40%, transparent 60%, rgba(255,255,255,.9) 60%, rgba(255,255,255,.9) 70%, transparent 70%);
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-12px;
}
.icon-backlog{
    position:relative;
}
.icon-backlog::before{
    content:"";
    width:20px;
    height:20px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:4px;
    border-top-color:transparent;
    border-right-color:transparent;
    display:block;
    transform:rotate(-45deg);
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
}
.icon-backlog::after{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    border:2px solid rgba(255,255,255,.7);
    border-top-color:transparent;
    border-right-color:transparent;
    border-radius:2px;
    top:50%;
    left:50%;
    margin-top:-4px;
    margin-left:-4px;
    transform:rotate(-45deg);
}
.icon-security{
    position:relative;
}
.icon-security::before{
    content:"";
    width:20px;
    height:24px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:3px 3px 8px 8px;
    border-bottom:none;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-10px;
}
.icon-security::after{
    content:"";
    position:absolute;
    width:12px;
    height:8px;
    border:2px solid rgba(255,255,255,.7);
    border-bottom:none;
    border-radius:6px 6px 0 0;
    top:50%;
    left:50%;
    margin-top:-16px;
    margin-left:-6px;
}
.icon-deadline{
    position:relative;
}
.icon-deadline::before{
    content:"";
    width:20px;
    height:20px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
    box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;
}
.icon-deadline::after{
    content:"";
    position:absolute;
    width:2px;
    height:8px;
    background:rgba(255,255,255,.7);
    top:50%;
    left:50%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius:1px;
}
.project-block h4{
    margin:0 0 8px;
    font-size:18px;
    color:#fff;
    font-weight:600;
}
.project-block p{
    margin:0;
    color: rgba(255,255,255,.75);
    font-size:14px;
    line-height:1.5;
}
.projects-roles{
    margin:40px 0 32px;
    padding:24px;
    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius: var(--r20);
}
.roles-title{
    margin:0 0 16px;
    font-size:20px;
    color:#fff;
    font-weight:600;
}
.roles-grid{
    display:flex;
    align-items:flex-start;
    width:100%;
    margin:0;
    padding:0;
}
.role-item{
    display:flex;
    align-items:center;
    gap:12px;
    color: rgba(255,255,255,.85);
    font-size:16px;
    line-height:1.5;
    flex:1 1 0;
    min-width:0;
    margin:0;
    padding:0;
}
.role-item:not(:first-child){
    margin-left:20px;
}
.role-item span:last-child{
    flex:1;
    min-width:0;
    word-wrap:break-word;
    overflow-wrap:break-word;
}
.role-badge{
    width:8px;
    height:8px;
    border-radius:2px;
    background: var(--ok-green);
    flex-shrink:0;
}
.projects-conclusion{
    margin-top:24px;
    text-align:left;
    font-weight:500;
}

.founder-wrapper{
    display:grid;
    grid-template-columns: 1fr 280px;
    gap:40px;
    align-items:start;
}
.founder-photo{
    width:280px;
    height:280px;
    border-radius: var(--r20);
    overflow:hidden;
    background: var(--panel);
    border:1px solid var(--border);
    box-shadow: var(--shadow);
}
.founder-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.founder-content{
    max-width: 100%;
}
.founder-content .section-title{
    margin-top:0;
}

/* Why OK Pixel's */
.why-content{
    display:grid;
    grid-template-columns: 1fr 300px;
    gap:40px;
    align-items:start;
    margin-top:32px;
}
.why-text{
    max-width: 100%;
}
.why-spacing{
    margin-top:24px !important;
}
.why-visual{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.why-item{
    padding:20px;
    background: var(--panel);
    border:1px solid var(--border);
    border-radius: var(--r20);
    display:flex;
    align-items:center;
    gap:16px;
}
.why-icon{
    width:48px;
    height:48px;
    border-radius:10px;
    background: rgba(65,217,123,.1);
    border:1px solid rgba(65,217,123,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    position:relative;
}
.why-item h4{
    margin:0;
    font-size:16px;
    color: var(--text);
    font-weight:600;
}
/* Why icons */
.icon-understand{
    position:relative;
}
.icon-understand::before{
    content:"";
    width:24px;
    height:24px;
    border:2px solid var(--ok-green);
    border-radius:50%;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-12px;
}
.icon-understand::after{
    content:"?";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color:var(--ok-green);
    font-size:16px;
    font-weight:700;
    font-family:system-ui, sans-serif;
}
.icon-solution{
    position:relative;
}
.icon-solution::before{
    content:"";
    width:20px;
    height:20px;
    border:2px solid var(--ok-green);
    border-radius:4px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
}
.icon-solution::after{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    background:var(--ok-green);
    border-radius:2px;
    top:50%;
    left:50%;
    margin-top:-4px;
    margin-left:-4px;
}
.icon-independence{
    position:relative;
}
.icon-independence::before{
    content:"";
    width:20px;
    height:16px;
    border:2px solid var(--ok-green);
    border-radius:3px 3px 0 0;
    border-bottom:none;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-8px;
    margin-left:-10px;
}
.icon-independence::after{
    content:"";
    position:absolute;
    width:12px;
    height:2px;
    background:var(--ok-green);
    top:50%;
    left:50%;
    margin-top:6px;
    margin-left:-6px;
    border-radius:1px;
}
.founder-role{
    margin:8px 0 24px;
    color: var(--muted);
    font-size:18px;
    font-weight:600;
}

.cta-section{
    margin-top:32px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}
.cta-section .cta-text{
    margin-right:4px;
}
.cta-section .btn{
    color:#fff;
}
section:not(.platform) .cta-section .btn{
    color:#fff;
    background: var(--ok-dark);
    border-color: var(--ok-dark);
}
section:not(.platform) .cta-section .btn:hover,
section:not(.platform) .cta-section .btn:focus{
    background: var(--ok-navy);
    border-color: var(--ok-navy);
    color:#fff;
}
section:not(.platform) .cta-section .link{
    color: var(--text);
    text-decoration-color: var(--ok-green);
}
section:not(.platform) .cta-section .link:hover{
    color: var(--ok-green);
}

.final-cta-content{
    max-width: 100%;
}
.final-cta-content .section-title{
    margin-bottom:32px;
    text-align:left;
}