:root{
    --ink:#1E2633;
    --ink-2:#2A3242;
    --paper:#F4F6F2;
    --green:#42D97C;
    --sans:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
}
*{box-sizing:border-box}
html,body{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;}
body{margin:0; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; background:var(--ink); color:#fff; font-family:var(--sans); line-height:1.55; font-size:17px;}
a{color:inherit; text-decoration:none}
:focus-visible{outline:3px solid var(--green); outline-offset:3px; border-radius:6px;}
.wrap{width:100%; max-width:1160px; margin:0 auto; padding:0 24px;}

.top{padding:28px 0;}
.brand{display:inline-flex; align-items:center; gap:12px;}
.mark{width:42px; height:42px; border-radius:10px; background:var(--green); color:var(--ink); display:grid; place-items:center; flex:none;}
.pxmark{width:25px; height:auto; display:block;}
.brand-title{display:flex; flex-direction:column; line-height:1.1}
.brand-title b{font-size:17px; letter-spacing:.08em; font-weight:800;}
.brand-title span{font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.6); margin-top:3px; font-weight:600;}

main{flex:1; display:flex; align-items:center; padding:24px 0 56px;}
.eyebrow{font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--green);}
h1{margin:20px 0 18px; font-weight:800; font-size:clamp(34px,5vw,62px); line-height:1.06; letter-spacing:-.025em;}
h1 em{font-style:normal; color:var(--green);}
.lead{margin:0 0 44px; color:rgba(255,255,255,.78); font-size:clamp(18px,1.6vw,21px); max-width:56ch;}

.choices{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.choice{position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:36px; min-height:300px; padding:34px 32px; border-radius:20px; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;}
.choice:hover{transform:translateY(-4px);}
.choice .label{display:block; font-size:12.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; margin-bottom:14px;}
.choice h2{margin:0 0 12px; font-size:clamp(28px,3.2vw,40px); font-weight:800; line-height:1.1; letter-spacing:-.02em;}
.choice p{margin:0; font-size:17px; max-width:36ch;}
.choice .go{display:inline-flex; align-items:center; gap:12px; font-weight:800; font-size:17px;}
.choice .arrow{width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:20px; transition:transform .2s ease;}
.choice:hover .arrow{transform:translateX(6px);}

.choice.owner{background:var(--green); color:var(--ink);}
.choice.owner .label{color:rgba(30,38,51,.65)}
.choice.owner p{color:rgba(30,38,51,.85)}
.choice.owner .arrow{background:var(--ink); color:var(--green)}
.choice.owner:hover{box-shadow:0 22px 50px rgba(66,217,124,.25);}

.choice.company{background:var(--ink-2); color:#fff; border:1px solid rgba(255,255,255,.14);}
.choice.company .label{color:var(--green)}
.choice.company p{color:rgba(255,255,255,.78)}
.choice.company .arrow{background:var(--green); color:var(--ink)}
.choice.company:hover{border-color:var(--green);}

footer{padding:24px 0 32px; color:rgba(255,255,255,.5); font-size:13px; border-top:1px solid rgba(255,255,255,.1);}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important}}
@media (max-width:760px){
    body{font-size:16.5px}
    .container,.wrap{padding:0 20px}
    .top{padding:20px 0}
    .brand-title span{display:none}
    main{padding:12px 0 40px; align-items:flex-start}
    .lead{margin-bottom:30px}
    .choices{grid-template-columns:1fr; gap:14px}
    .choice{min-height:0; padding:26px 22px; gap:28px}
}

/* 404 page */
.code{margin:18px 0 0; font-size:clamp(88px,18vw,200px); font-weight:800; line-height:.9; letter-spacing:-.04em; color:var(--green);}
.actions{display:flex; flex-wrap:wrap; gap:14px;}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:15px 28px; border-radius:10px; border:1px solid rgba(255,255,255,.35); color:#fff; font-weight:700; font-size:16px; transition:background .18s ease, filter .18s ease;}
.btn:hover{background:rgba(255,255,255,.1)}
.btn.primary{background:var(--green); border-color:var(--green); color:var(--ink);}
.btn.primary:hover{filter:brightness(.94); background:var(--green)}
@media (max-width:760px){.actions{flex-direction:column; align-items:stretch}}

h1{text-wrap:balance;}
.lead{text-wrap:pretty;}
@media (max-width:360px){h1{font-size:29px} .choice{padding:22px 18px}}

.choice.targeted{background:#F4F6F2; color:var(--ink);}
.choice.targeted .label{color:#17814A}
.choice.targeted p{color:#5A6577}
.choice.targeted .arrow{background:var(--ink); color:var(--green)}
.choice.targeted:hover{box-shadow:0 22px 50px rgba(244,246,242,.14);}
@media (max-width:1000px){.choices{grid-template-columns:1fr}}

/* Home footer: requisites */
.req{margin-bottom:22px}
.req-title{margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.5);}
.req p:not(.req-title){margin:0; color:rgba(255,255,255,.8); font-size:15px;}


/* Home: managing partner chip */
.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:20px;}
.partner-chip{display:flex; align-items:center; gap:14px; padding:8px 18px 8px 8px; border-radius:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); transition:background .18s ease, border-color .18s ease;}
.partner-chip:hover{background:rgba(255,255,255,.1); border-color:var(--green);}
.partner-chip img{width:56px; height:56px; border-radius:12px; object-fit:cover; flex:none; display:block;}
.partner-chip .who{display:flex; flex-direction:column; min-width:0; line-height:1.25;}
.partner-chip .who b{font-size:16px; font-weight:800;}
.partner-chip .who small{font-size:13px; color:var(--green); font-weight:600;}
.partner-chip .chev{margin-left:6px; width:30px; height:30px; border-radius:50%; background:var(--green); color:var(--ink); display:grid; place-items:center; font-weight:800; flex:none; transition:transform .2s ease;}
.partner-chip:hover .chev{transform:translateX(3px)}
.partner-chip.below{display:none; margin-top:20px;}
@media (max-width:1000px){
    .partner-chip.in-header{display:none}
    .partner-chip.below{display:flex}
}
@media (max-width:420px){.partner-chip .who small{font-size:12.5px}}
