@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07090d;--panel:#0d1118;--line:#202734;--text:#f4f6fa;--muted:#8d96a6;--accent:#7df5bb;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}
.header{height:76px;max-width:var(--max);margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 23px "Space Grotesk";letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:32px;color:#aab2c0;font-size:14px}nav a:hover{color:#fff}.header-btn{border:1px solid #2c3543;border-radius:10px;padding:10px 15px;font-size:13px}
.hero{max-width:var(--max);min-height:680px;margin:auto;padding:90px 22px 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700;margin-bottom:20px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 14px var(--accent)}h1,h2,h3{font-family:"Space Grotesk";line-height:1.04;margin:0;letter-spacing:-1.7px}h1{font-size:clamp(48px,6vw,78px)}h1 em,h2 em{font-style:normal;color:var(--accent)}.lead{font-size:18px;color:var(--muted);max-width:650px;margin:28px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 19px;border-radius:11px;font-weight:600;font-size:14px;transition:.2s}.btn-primary{background:var(--accent);color:#06100b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7df5bb22}.btn-ghost{border:1px solid #29313d;color:#dce2ea}.btn-ghost:hover{background:#111721}.hero-note{margin-top:26px;color:#6f7989;font-size:12px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;box-shadow:0 0 12px var(--accent)}
.hero-visual{height:500px;display:flex;align-items:center;justify-content:center;position:relative}.orb{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#7df5bb1c 0,#45d8ff0b 38%,transparent 70%);filter:blur(8px)}.chat-window{position:relative;width:min(430px,100%);border:1px solid #29313c;border-radius:18px;background:#0b0f15;box-shadow:0 35px 90px #0008;overflow:hidden;transform:rotate(2deg)}.chat-head{height:67px;border-bottom:1px solid #202732;display:flex;align-items:center;padding:0 17px;gap:11px}.avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#15251e;color:var(--accent);font-weight:800}.chat-head strong{display:block;font-size:13px}.chat-head small{display:block;color:#6f7987;font-size:10px}.dots{margin-left:auto;color:#596273}.chat-body{padding:20px;display:flex;flex-direction:column;gap:12px}.msg{padding:11px 13px;border-radius:13px;max-width:82%;font-size:12px}.client{align-self:flex-end;background:#17202b;color:#d8dee8;border-bottom-right-radius:4px}.ai{align-self:flex-start;background:#122219;color:#dcefe5;border-bottom-left-radius:4px}.system-line{font-size:9px;color:#687484;border-top:1px solid #1d2530;padding-top:14px;margin-top:5px}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 22px}.stats div{padding:0 28px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats b{font:700 28px "Space Grotesk";display:block}.stats span{font-size:11px;color:#737d8c}
.section{max-width:var(--max);margin:auto;padding:140px 22px}.section-head{max-width:650px;margin-bottom:55px}.section-head h2,.split-copy h2,.manager-copy h2,.cta h2{font-size:clamp(38px,5vw,60px)}.section-head p,.split-copy p{color:var(--muted);font-size:16px;margin-top:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{min-height:260px;border:1px solid var(--line);background:linear-gradient(145deg,#0c1016,#090c11);border-radius:16px;padding:26px;position:relative;overflow:hidden}.icon{width:42px;height:42px;border-radius:11px;border:1px solid #29333f;display:grid;place-items:center;color:var(--accent);font-size:20px;margin-bottom:30px}.feature h3{font-size:20px;letter-spacing:-.5px}.feature p{color:#7f8998;font-size:13px;margin-top:11px}.tag{position:absolute;bottom:22px;left:26px;color:#465161;font-size:9px;letter-spacing:1.5px;font-weight:700}
.split-section{max-width:var(--max);margin:auto;padding:60px 22px 140px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.flow{border:1px solid var(--line);border-radius:16px;padding:24px;background:#090d13}.flow-step{display:grid;grid-template-columns:40px 1fr;column-gap:13px;padding:8px}.flow-step span{grid-row:span 2;color:#4f5968;font:700 12px "Space Grotesk"}.flow-step strong{font-size:14px}.flow-step small{color:#707a89;font-size:11px;margin-top:4px}.flow-step.active strong{color:var(--accent)}.flow-line{height:18px;border-left:1px dashed #303946;margin-left:27px}
.manager-section{background:#090d13;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manager-card{max-width:var(--max);margin:auto;padding:110px 22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.manager-visual{height:330px;display:grid;place-items:center;position:relative}.shield{width:110px;height:125px;clip-path:polygon(50% 0,92% 15%,86% 70%,50% 100%,14% 70%,8% 15%);background:#10231a;display:grid;place-items:center;color:var(--accent);font-size:40px;z-index:2}.ring{position:absolute;border:1px solid #26352e;border-radius:50%}.r1{width:220px;height:220px}.r2{width:310px;height:310px;opacity:.5}.manager-copy p{color:var(--muted);font-size:16px;max-width:580px;margin:22px 0}.checks{display:grid;gap:12px;color:#b6bfcb;font-size:13px}
.config-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.code-card{border:1px solid #27303b;border-radius:15px;overflow:hidden;background:#080b10}.code-top{height:42px;border-bottom:1px solid #202832;display:flex;align-items:center;gap:6px;padding:0 14px}.code-top span{width:7px;height:7px;border-radius:50%;background:#3c4654}.code-top b{margin-left:10px;color:#667181;font-size:10px;font-weight:500}.code-card pre{margin:0;padding:25px;font:12px/2 "SFMono-Regular",Consolas,monospace;color:#8994a3;overflow:auto}.code-card strong{color:var(--accent);font-weight:500}.config-points div{padding:19px 0;border-bottom:1px solid var(--line)}.config-points b{display:block;font-size:14px}.config-points span{display:block;color:#747e8d;font-size:12px;margin-top:5px}
.use-section{padding-top:60px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-card{border:1px solid var(--line);border-radius:14px;padding:25px;background:#0a0e14}.use-card span{color:#4d5968;font:700 11px "Space Grotesk"}.use-card h3{font-size:18px;margin:38px 0 10px;letter-spacing:-.5px}.use-card p{font-size:12px;color:#737e8d}.cta{max-width:var(--max);margin:50px auto 120px;padding:100px 30px;text-align:center;border:1px solid #29333d;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 10%,#7df5bb0b,transparent 50%),#0a0e14}.cta h2,.cta p,.cta a,.cta small{position:relative}.cta p{color:#788291;max-width:570px;margin:22px auto 30px;font-size:15px}.big{padding:16px 22px}.cta small{display:block;color:#4f5967;font-size:10px;margin-top:18px}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:28px 22px;display:flex;align-items:center;gap:20px;color:#5e6877;font-size:11px}footer .logo{font-size:17px;color:#dce2e9}footer span:last-child{margin-left:auto}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:30px}.hero-visual{height:400px}.chat-window{transform:none}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stats div:nth-child(2){border:0}.stats div{padding:0 10px}.feature-grid{grid-template-columns:1fr 1fr}.split-section,.manager-card,.config-grid{grid-template-columns:1fr;gap:50px}.use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.header{height:64px}.header-btn{font-size:11px}.hero{padding-top:45px}.lead{font-size:15px}h1{font-size:46px}.hero-actions .btn{width:100%;justify-content:center}.hero-visual{height:330px}.chat-window{width:94%}.stats{padding:22px 0}.stats b{font-size:23px}.stats span{font-size:9px}.section{padding:90px 18px}.feature-grid,.use-grid{grid-template-columns:1fr}.feature{min-height:220px}.split-section,.manager-card{padding-left:18px;padding-right:18px}.manager-visual{height:280px}.cta{margin:20px 18px 80px;padding:70px 20px}.cta h2{font-size:40px}footer{margin:0 18px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}}


/* =========================================================
   GAgent — Light Blue Visual System
   Visual-only redesign. Content / HTML / JS are untouched.
   ========================================================= */

:root {
    --primary: #159ed0;
    --primary-hover: #0b86b5;

    --bg1: #f8fcfe;
    --bg2: #edf7fb;

    --surface: rgba(255,255,255,.78);
    --surface-solid: #ffffff;
    --surface-soft: #f1f9fc;

    --text: #163247;
    --muted: #668092;

    --border: rgba(21,158,208,.12);

    --radius: 24px;
}

/* One continuous page instead of a collection of dark blocks */
html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(900px 520px at 50% -180px, rgba(44,188,230,.18), transparent 70%),
        linear-gradient(180deg, #fbfdfe 0%, #f3fafd 48%, #edf7fb 100%);
    color: var(--text);
}

/* Remove the "every block is a card" feeling */
.card,
.feature,
.feature-card,
.stat,
.stat-card,
.step,
.flow-step,
.panel,
.cta,
.hero,
section > div {
    border-color: rgba(21,158,208,.10);
}

/* Soft, consistent surfaces */
.card,
.feature-card,
.stat-card,
.step,
.panel {
    background: rgba(255,255,255,.72);
    box-shadow: 0 14px 45px rgba(30,101,128,.07);
    backdrop-filter: blur(16px);
}

/* Hero should feel like the beginning of the same canvas */
.hero {
    background:
        radial-gradient(700px 340px at 50% 0%, rgba(46,190,231,.11), transparent 72%),
        transparent;
    border-color: transparent;
    box-shadow: none;
}

/* Headings */
h1, h2, h3, h4 {
    color: #163247;
}

p,
.subtitle,
.description,
.muted {
    color: #668092;
}

/* One accent language */
a {
    color: var(--primary);
}

.badge,
.tag,
.pill,
.label {
    color: #117fa8;
    background: rgba(21,158,208,.075);
    border: 1px solid rgba(21,158,208,.11);
}

/* Buttons: one consistent treatment */
button,
.btn,
.cta-button {
    color: #fff;
    background: linear-gradient(135deg, #22b7e5 0%, #108fbe 100%);
    border: 0;
    box-shadow: 0 10px 28px rgba(16,143,190,.18);
}

button:hover,
.btn:hover,
.cta-button:hover {
    background: linear-gradient(135deg, #27bde9 0%, #0d86b4 100%);
    box-shadow: 0 14px 32px rgba(16,143,190,.22);
}

/* Secondary controls */
.back,
.secondary,
.btn-secondary {
    background: #eef7fa;
    color: #31566a;
    border: 1px solid rgba(21,158,208,.10);
    box-shadow: none;
}

/* Code / configuration areas */
pre,
code,
.code,
.config,
.code-block {
    background: #eef8fc;
    color: #20536b;
    border-color: rgba(21,158,208,.10);
}

/* Dividers should be almost invisible */
hr,
.divider {
    border-color: rgba(21,158,208,.08);
}

/* Stats without visual noise */
.stat-card {
    box-shadow: none;
    background: rgba(255,255,255,.55);
}

/* Flow / timeline */
.step::before,
.flow-step::before {
    background: linear-gradient(180deg, #37bde7, #159ed0);
}

/* CTA becomes a calm blue focal area */
.cta {
    background:
        radial-gradient(500px 220px at 50% 0%, rgba(255,255,255,.28), transparent 72%),
        linear-gradient(135deg, #dff5fb 0%, #c9edf7 100%);
    border: 1px solid rgba(21,158,208,.10);
    box-shadow: 0 20px 60px rgba(30,101,128,.09);
}

/* Subtle blue glow — no neon */
.glow,
.accent-glow {
    box-shadow: 0 0 70px rgba(38,183,225,.12);
}

/* Mobile stays calm */
@media (max-width: 700px) {
    body {
        background:
            linear-gradient(180deg, #fbfdfe 0%, #edf7fb 100%);
    }

    .card,
    .feature-card,
    .stat-card,
    .step,
    .panel {
        box-shadow: 0 10px 32px rgba(30,101,128,.06);
    }
}


/* =========================================================
   Telegram-first refinement
   ========================================================= */

:root {
    --telegram: #229ed9;
    --telegram-dark: #117db0;
    --link: #087eae;
    --link-hover: #075f86;
}

/* Telegram is part of the product identity */
.telegram-agent-visual {
    width: min(760px, 100%);
    margin: 28px auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(34,158,217,.14);
    box-shadow: 0 14px 40px rgba(25,105,135,.07);
    backdrop-filter: blur(14px);
}

.tg-node {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 8px 14px;
    border-radius: 14px;
    color: #24495e;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(34,158,217,.12);
    font-weight: 650;
}

.tg-client .tg-icon {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--telegram);
    font-size: 13px;
    transform: rotate(-8deg);
}

.tg-agent {
    color: #075f86;
    background: #e9f7fc;
    border-color: rgba(34,158,217,.2);
}

.tg-logo {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #29b5ea, #1289bc);
    font-weight: 800;
}

.tg-manager .tg-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #28a97d;
    box-shadow: 0 0 0 5px rgba(40,169,125,.10);
}

.tg-line {
    width: 38px;
    height: 1px;
    background: linear-gradient(90deg, rgba(34,158,217,.18), rgba(34,158,217,.6), rgba(34,158,217,.18));
}

.gagent-runtime-config {
    margin: 12px auto 0;
    width: fit-content;
    max-width: calc(100% - 32px);
    display: flex;
    gap: 18px;
    padding: 8px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(34,158,217,.09);
    color: #668092;
    font-size: 13px;
}

.gagent-runtime-config strong {
    color: #176d92;
}

/* Links stay readable on the light background */
a,
a:visited {
    color: var(--link);
    text-decoration-color: rgba(8,126,174,.28);
    text-underline-offset: 3px;
    transition: color .18s ease, text-decoration-color .18s ease;
}

a:hover,
a:focus-visible {
    color: var(--link-hover);
    text-decoration-color: currentColor;
}

/* Navigation / subtle links need a definite hover state */
nav a:hover,
.nav a:hover,
header a:hover {
    color: #075f86;
    background: rgba(34,158,217,.07);
}

/* Avoid pale text links inherited from old dark theme */
.hero a,
.card a,
.feature-card a,
.panel a,
.cta a {
    color: var(--link);
}

/* Telegram blue is used sparingly */
.telegram,
.telegram-link,
.tg-accent {
    color: var(--telegram);
}

/* Mobile */
@media (max-width: 680px) {
    .telegram-agent-visual {
        gap: 6px;
        padding: 11px 8px;
        border-radius: 18px;
    }

    .tg-node {
        padding: 7px 9px;
        font-size: 12px;
    }

    .tg-line {
        width: 16px;
    }

    .gagent-runtime-config {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 14px;
    }
}


/* Keep all normal text links dark enough against the light canvas. */
a:not(.btn):not(.button) {
    text-shadow: none;
}


/* =========================================================
   Typography refinement — subtle only
   ========================================================= */

/* Slightly stronger hierarchy without changing the layout */
body {
    color: #24445a;
}

h1,
h2,
h3,
h4 {
    color: #12364d;
    text-shadow: 0 1px 0 rgba(255,255,255,.55);
}

h1 {
    letter-spacing: -0.025em;
}

p,
.subtitle,
.description {
    color: #557286;
}

/* Important text gets a little more presence */
strong,
.stat-value,
.feature-title {
    color: #17445e;
}

/* Small secondary text remains soft, but not washed out */
.muted,
.caption,
small {
    color: #6a8495;
}

/* Make the main navigation and important links clearer */
nav a,
.nav a {
    color: #315d73;
    font-weight: 600;
}

nav a:hover,
.nav a:hover {
    color: #086d99;
}

/* Existing cards: readable body text without increasing contrast too much */
.card p,
.feature-card p,
.panel p,
.step p {
    color: #5a7486;
}

/* Labels/accent text */
.badge,
.tag,
.pill,
.label {
    color: #087ba7;
    font-weight: 650;
}


/* =========================================================
   Feature cards — typography cleanup only
   ========================================================= */

/* Bring these six cards into the same light visual language. */
.feature {
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(21,158,208,.11);
    box-shadow: 0 12px 38px rgba(30,101,128,.055);
}

/* Clean, modern typography — no glow/outline/shadow. */
.feature h3 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: #173b52;
    text-shadow: none;
}

.feature p {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #5b7486;
    font-size: 13.5px;
    line-height: 1.65;
    font-weight: 400;
}

.feature .icon {
    color: #159ed0;
    background: #f2fafd;
    border-color: rgba(21,158,208,.13);
}

.feature .tag {
    color: #0b7da8;
    background: rgba(21,158,208,.07);
    border: 1px solid rgba(21,158,208,.09);
    border-radius: 5px;
    padding: 3px 6px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1.35px;
}

.feature:hover {
    border-color: rgba(21,158,208,.19);
    box-shadow: 0 16px 44px rgba(30,101,128,.075);
}

@media (max-width: 700px) {
    .feature h3 {
        font-size: 19px;
    }

    .feature p {
        font-size: 13px;
    }
}


/* =========================================================
   Use cases — same light visual language as feature cards
   ========================================================= */

.use-card {
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(21,158,208,.11);
    box-shadow: 0 12px 38px rgba(30,101,128,.055);
    color: #173b52;
}

/* Number */
.use-card > span {
    color: #7891a1;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .2px;
}

/* Heading */
.use-card h3 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #173b52;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-shadow: none;
}

/* Description */
.use-card p {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #5b7486;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
}

.use-card:hover {
    border-color: rgba(21,158,208,.19);
    box-shadow: 0 16px 44px rgba(30,101,128,.075);
}


/* =========================================================
   Logic / Flow block — light, readable, consistent
   ========================================================= */

.flow {
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(21,158,208,.11);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 12px 38px rgba(30,101,128,.055);
}

.flow-step {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 14px;
    padding: 9px 6px;
}

.flow-step span {
    grid-row: span 2;
    color: #7891a1;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 650;
    letter-spacing: .2px;
}

.flow-step strong {
    color: #173b52;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -.15px;
    text-shadow: none;
}

.flow-step small {
    color: #60798a;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 400;
    margin-top: 4px;
}

.flow-step.active strong {
    color: #159ed0;
}

.flow-line {
    height: 18px;
    border-left: 1px dashed rgba(21,158,208,.22);
    margin-left: 27px;
}

@media (max-width: 700px) {
    .flow {
        padding: 22px;
    }

    .flow-step strong {
        font-size: 14px;
    }

    .flow-step small {
        font-size: 12px;
    }
}


/* FINAL VISUAL PATCH: manager/control section only.
   User HTML/text is preserved exactly. */

.manager-section {
    background:
        radial-gradient(650px 380px at 18% 50%, rgba(39,183,225,.08), transparent 70%),
        linear-gradient(180deg, #f7fbfd 0%, #edf7fb 100%);
    border-top: 1px solid rgba(21,158,208,.08);
    border-bottom: 1px solid rgba(21,158,208,.08);
}

.manager-visual .shield {
    background: #e3f6ed;
    color: #24a878;
    box-shadow: 0 12px 35px rgba(35,157,116,.08);
}

.manager-visual .ring {
    border-color: rgba(21,158,208,.12);
}

.manager-visual .r2 {
    opacity: .55;
}

.manager-copy h2 {
    color: #173b52;
    text-shadow: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 750;
    letter-spacing: -.5px;
}

.manager-copy p {
    color: #5b7486;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.manager-copy .eyebrow {
    color: #26a878;
}

.manager-copy .checks,
.manager-copy .checks div {
    color: #486678;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    line-height: 1.5;
}