html { box-sizing: border-box }
*, *:before, *:after { box-sizing: inherit }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0 }
body { font: 400 16px/1.5 -apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol"; color: #C9CED6; background-color: #0B0D10; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; box-sizing: border-box }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px }
main { display: block }
img { max-width: 100%; vertical-align: middle }
.image-shadow img { border-radius: 10px; box-shadow: 1px 1px 15px 0px #C9CED6 }
figure>img { display: block }
figcaption { font-size: 12px }
ul, ol { margin-left: 30px }
li >ul, li >ol { margin-bottom: 0 }
h3, h4, h5, h6 { font-weight: 400 }
h1 { font-size: 3.5em; font-weight: 800 }
h2 { font-size: 2rem; font-weight: 600 }
h3 { font-size: 1.25rem }
h4 { font-size: 18px; font-weight: 600 }
a { color: #D4A017; text-decoration: none }
a.primary { font-weight: 600 }
a:visited { color: #8f6c10 }
a:hover { color: #C9CED6; text-decoration: underline }
.social-media-list a:hover { text-decoration: none }
.social-media-list a:hover .username { text-decoration: underline }
blockquote { color: #8B949E; border-left: 4px solid #262C34; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic }
blockquote > :last-child { margin-bottom: 0 }
pre, code { font-size: 15px; border: 1px solid #262C34; border-radius: 3px; background-color: #eef }
code { padding: 1px 5px }
pre { padding: 8px 12px; overflow-x: auto }
pre >code { border: 0; padding-right: 0; padding-left: 0 }
.wrapper { max-width: -webkit-calc(1200px - (30px * 2)); max-width: calc(1200px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 40px; padding-bottom: 40px }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(1200px - (30px)); max-width: calc(1200px - (30px)); padding-right: 15px; padding-left: 15px } }
.wrapper-flex { display: flex; justify-content: space-between; align-items: center }
.wrapper-flex.flex-align-start { align-items: flex-start }
.wrapper-flex .flex-half { width: 45% }
.wrapper-flex .flex-3-col { width: 30% }
@media screen and (max-width: 600px) { .wrapper-flex { flex-wrap: wrap } }
@media screen and (max-width: 600px) { .wrapper-flex .flex-3-col { width: 100%; margin-bottom: 20px } }
@media screen and (max-width: 600px) { .wrapper-flex .flex-3-col:last-of-type { margin-bottom: 0 } }
@media screen and (max-width: 400px) { .wrapper-flex .flex-half { width: 100%; margin-bottom: 20px } }
@media screen and (max-width: 400px) { .wrapper-flex .flex-half:last-of-type { margin-bottom: 0 } }
.wrapper:after { content: ""; display: table; clear: both }
.svg-icon { width: 26px; height: 26px; display: inline-block; vertical-align: text-top }
table { margin-bottom: 30px; width: 100%; text-align: left; color: #fdfdfe; border-collapse: collapse; border: 1px solid #262C34 }
table tr:nth-child(even) { background-color: #333b46 }
table th, table td { padding: 10px 15px }
table th { background-color: #2c333d; border: 1px solid #1d2228; border-bottom-color: #0c0e11 }
table td { border: 1px solid #262C34 }
button { border: none }
.button { border-radius: 10px; text-align: center; display: block; font-weight: 600 }
.button.primary { font-size: 14px; padding: 10px; background-color: #0B0D10; color: black }
.button.secondary { font-size: 16px; background-color: #D4A017; color: white; padding: 18px }
.button.long { width: 100% }
.button.short { width: 150px }
.button:hover { text-decoration: none; opacity: 80% }
@media screen and (max-width: 600px) { .button.full-on-mobile { width: 100% } }
.text-center-align { text-align: center }
.position-centern-align { display: block; margin: 0 auto }
.site-header { border-top: 5px solid #C9CED6; border-bottom: 1px solid #262C34; min-height: 55.95px; position: relative }
.site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left }
.site-title, .site-title:visited { color: #C9CED6 }
.site-nav { float: right; line-height: 54px }
.site-nav .nav-trigger, .site-nav .nav-trigger--label { display: none }
.site-nav .page-link { color: #C9CED6; line-height: 1.5 }
.site-nav .page-link:not(:last-child) { margin-right: 20px }
@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 30px; right: 15px; background-color: #0B0D10; text-align: center } }
@media screen and (max-width: 600px) { .site-nav label[for="nav-trigger"] { display: block; float: right; z-index: 2; cursor: pointer } }
@media screen and (max-width: 600px) { .site-nav .menu-icon { display: block; width: 35px; height: 35px } }
@media screen and (max-width: 600px) { .site-nav .close-icon { display: none; width: 26px; height: 26px } }
@media screen and (max-width: 600px) { .site-nav input~.trigger { clear: both; display: none } }
@media screen and (max-width: 600px) { .site-nav input:checked~.trigger { display: block; padding-bottom: 5px } }
@media screen and (max-width: 600px) { .site-nav input:checked~label .menu-icon { display: none } }
@media screen and (max-width: 600px) { .site-nav input:checked~label .close-icon { display: block } }
@media screen and (max-width: 600px) { .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px } }
@media screen and (max-width: 600px) { .site-nav .page-link:not(:last-child) { margin-right: 0 } }
.page-content { padding: 30px 0; flex: 1 }
.page-heading { font-size: 32px }
.post-list-heading { font-size: 28px }
.post-list { margin-left: 0; list-style: none }
.post-list >li { margin-bottom: 30px }
.post-meta { font-size: 12px; color: #8B949E }
.post-link { display: block; font-size: 24px }
.post-header { margin-bottom: 30px }
.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1 }
@media screen and (max-width: 800px) { .post-title { font-size: 36px } }
.post-content { margin-bottom: 30px }
.post-content h2 { font-size: 32px }
@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px } }
.post-content h3 { font-size: 26px }
@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px } }
.post-content h4 { font-size: 20px }
@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px } }
.highlight { background: #fff }
.highlighter-rouge .highlight { background: #eef }
.highlight .c { color: #998; font-style: italic }
.highlight .err { color: #a61717; background-color: #e3d2d2 }
.highlight .k { font-weight: bold }
.highlight .o { font-weight: bold }
.highlight .cm { color: #998; font-style: italic }
.highlight .cp { color: #999; font-weight: bold }
.highlight .c1 { color: #998; font-style: italic }
.highlight .cs { color: #999; font-weight: bold; font-style: italic }
.highlight .gd { color: #000; background-color: #fdd }
.highlight .gd .x { color: #000; background-color: #faa }
.highlight .ge { font-style: italic }
.highlight .gr { color: #a00 }
.highlight .gh { color: #999 }
.highlight .gi { color: #000; background-color: #dfd }
.highlight .gi .x { color: #000; background-color: #afa }
.highlight .go { color: #888 }
.highlight .gp { color: #555 }
.highlight .gs { font-weight: bold }
.highlight .gu { color: #aaa }
.highlight .gt { color: #a00 }
.highlight .kc { font-weight: bold }
.highlight .kd { font-weight: bold }
.highlight .kp { font-weight: bold }
.highlight .kr { font-weight: bold }
.highlight .kt { color: #458; font-weight: bold }
.highlight .m { color: #099 }
.highlight .s { color: #d14 }
.highlight .na { color: #008080 }
.highlight .nb { color: #0086B3 }
.highlight .nc { color: #458; font-weight: bold }
.highlight .no { color: #008080 }
.highlight .ni { color: #800080 }
.highlight .ne { color: #900; font-weight: bold }
.highlight .nf { color: #900; font-weight: bold }
.highlight .nn { color: #555 }
.highlight .nt { color: #000080 }
.highlight .nv { color: #008080 }
.highlight .ow { font-weight: bold }
.highlight .w { color: #bbb }
.highlight .mf { color: #099 }
.highlight .mh { color: #099 }
.highlight .mi { color: #099 }
.highlight .mo { color: #099 }
.highlight .sb { color: #d14 }
.highlight .sc { color: #d14 }
.highlight .sd { color: #d14 }
.highlight .s2 { color: #d14 }
.highlight .se { color: #d14 }
.highlight .sh { color: #d14 }
.highlight .si { color: #d14 }
.highlight .sx { color: #d14 }
.highlight .sr { color: #009926 }
.highlight .s1 { color: #d14 }
.highlight .ss { color: #990073 }
.highlight .bp { color: #999 }
.highlight .vc { color: #008080 }
.highlight .vg { color: #008080 }
.highlight .vi { color: #008080 }
.highlight .il { color: #099 }
header .wrapper { padding-top: 20px; padding-bottom: 20px }
header .site-title { display: block }
header .site-title img { width: 60px; display: inline }
header nav.site-nav { display: flex; width: 50%; justify-content: space-between }
header nav.site-nav .trigger { text-align: center }
@media screen and (max-width: 600px) { header nav.site-nav { flex-direction: column; width: auto; border-radius: 10px } }
@media screen and (max-width: 600px) { header nav.site-nav .trigger .page-link { margin-left: 0 } }
main.page-content { background-color: #0B0D10; color: white }
section.wrapper { margin-top: 40px }
section.why-choose-us .why-choose-us__content { display: flex; margin-top: 40px }
section.why-choose-us .why-choose-us__content img { width: 50px; height: 50px }
@media screen and (max-width: 600px) { section.why-choose-us .wrapper-flex { flex-direction: column } }
@media screen and (max-width: 600px) { section.why-choose-us .why-choose-us__content { width: 100% } }
.price { margin-top: 40px }
@media screen and (max-width: 960px) { .price .wrapper-flex { flex-direction: column } }
@media screen and (max-width: 960px) { .price .price-card { width: 100% !important; display: flex; justify-content: center; align-items: center; flex-direction: column } }
@media screen and (max-width: 960px) { .price .price-card h1, .price .price-card h3 { text-align: center } }
.price-title { background-color: #262C34; margin-bottom: -180px; padding: 60px 60px 160px 60px }
.price-card { background-color: #0B0D10; color: white; padding: 20px; width: calc(33.3% - 10px) !important; margin: 20px 0; box-shadow: 0 0 20px -4px #8B949E }
.price-card h1 { margin: 0 }
.price-card h1 span { color: #8B949E; font-size: 16px; font-weight: 400 }
.price-card h3 { margin: 0; color: #8B949E; font-weight: 600 }
.price-card ul { margin: 20px 0 }
.price-card li { color: #8B949E; list-style-type: none; padding: 0; margin: 0; font-size: 18px; position: relative; padding-left: 30px }
.price-card li::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url('../../assets/check-icon.svg'); background-position: center; background-size: contain; position: absolute; top: 6px; left: 0px }
.price-card .button { font-size: 20px }
@media screen and (max-width: 600px) { .price-card .button { width: 80% } }
.steps h2 { font-weight: 800; margin-bottom: 40px }
.steps h3 { font-weight: 600 }
.steps .step { position: relative }
.steps .step .step-arrow { font-size: 26px; color: #D4A017; font-weight: 600 }
.steps .step .step-arrow-right { display: block; position: absolute; top: 0; right: 0 }
.steps .step .step-arrow-down { display: none }
@media screen and (max-width: 960px) { .steps .wrapper-flex { flex-direction: column } }
@media screen and (max-width: 960px) { .steps .wrapper-flex .step { width: 100% } }
@media screen and (max-width: 960px) { .steps .wrapper-flex .step .step-arrow-right { display: none } }
@media screen and (max-width: 960px) { .steps .wrapper-flex .step .step-arrow-down { display: block } }
section.people .people-title { width: 65%; margin: 0 auto; margin-bottom: 60px }
section.people .people-lists { align-items: flex-start; flex-wrap: wrap }
section.people .people-list { width: 23% }
section.people .people-list--img { border-radius: 50%; width: 150px; height: 150px; object-fit: cover }
section.people .people-list h4 { margin-top: 15px; margin-bottom: 0 }
section.people .people-list--title { font-size: 12px }
@media screen and (max-width: 960px) { section.people .people-list { width: 45%; text-align: center; margin-bottom: 20px } }
@media screen and (max-width: 960px) { section.people .people-list--img { margin: auto; display: block } }
@media screen and (max-width: 600px) { section.people { flex-direction: column } }
@media screen and (max-width: 600px) { section.people .people-title, section.people .people-list { width: 100% } }
footer { background-color: #262C34 }
footer .wrapper { padding-bottom: 0 }
.footer-menu { justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #8B949E; padding-bottom: 20px; flex-wrap: wrap }
.footer-menu ul, .footer-menu li { padding: 0; margin: 0; list-style: none }
.footer-menu .footer-lists { width: 20% }
.footer-menu .footer-lists--title { font-weight: 600 }
.footer-menu .footer-lists li { padding-bottom: 10px }
@media screen and (max-width: 960px) { .footer-menu { justify-content: space-between } }
@media screen and (max-width: 960px) { .footer-menu .footer-lists { width: 30% } }
@media screen and (max-width: 400px) { .footer-menu .footer-lists { width: 48%; margin-bottom: 20px } }
.footer-subscribe { width: 40% }
.footer-subscribe label { font-weight: 600 }
.footer-subscribe .footer-subscribe--input { display: flex; margin-top: 10px }
.footer-subscribe .footer-subscribe--input input { margin-right: 10px; width: 80%; border-radius: 5px; padding-left: 20px; font-size: 16px }
@media screen and (max-width: 960px) { .footer-subscribe { width: 100%; margin-top: 20px } }
@media screen and (max-width: 960px) { .footer-subscribe .footer-subscribe--input input { width: 70% } }
@media screen and (max-width: 400px) { .footer-subscribe .footer-subscribe--input { flex-direction: column } }
@media screen and (max-width: 400px) { .footer-subscribe .footer-subscribe--input input, .footer-subscribe .footer-subscribe--input button { width: 100% } }
@media screen and (max-width: 400px) { .footer-subscribe .footer-subscribe--input input { padding: 18px; margin-bottom: 10px; border: 2px solid #262C34 } }
.footer-text { padding-top: 20px }
.footer-text .social-media-list { display: flex; width: 30%; justify-content: flex-end; align-items: center; list-style: none }
.footer-text .social-media-list a { display: block }
@media screen and (max-width: 400px) { .footer-text .social-media-list { margin-left: 0; width: auto } }
html { scroll-behavior: smooth; scroll-padding-top: 90px; background: #0B0D10 }
body { background: #0B0D10; color: #C9CED6; line-height: 1.65 }
.wrapper { width: 100% }
h1, h2, h3, h4 { color: #F3F4F6; line-height: 1.25; letter-spacing: -0.015em }
h3 { font-weight: 600 }
p { color: #C9CED6 }
a, a:visited { color: #D4A017 }
a:hover { color: #E6B93A }
:focus-visible { outline: 2px solid #D4A017; outline-offset: 3px }
::selection { background: #D4A017; color: #0B0D10 }
a.button { display: inline-block }
.button.secondary, .button.secondary:visited { background-color: #D4A017; color: #0B0D10; border-radius: 4px; padding: 13px 26px; width: auto; min-width: 150px; font-weight: 700; letter-spacing: 0.02em }
.button.secondary:hover, .button.secondary:visited:hover { background-color: #E6B93A; color: #0B0D10; opacity: 1 }
.site-header { border-top: 3px solid #D4A017; border-bottom: 1px solid #262C34; background: rgba(11, 13, 16, 0.96); position: sticky; top: 0; z-index: 20 }
.site-header .wrapper { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; padding-bottom: 14px }
.site-header .wrapper::after { display: none }
header .site-title { float: none; line-height: 1 }
header .site-title img { width: auto; height: 44px }
header nav.site-nav { width: auto; float: none; line-height: 1.5 }
header nav.site-nav .page-link, header nav.site-nav .page-link:visited { color: #C9CED6; font-weight: 500; font-size: 15px }
header nav.site-nav .page-link:hover, header nav.site-nav .page-link:visited:hover { color: #D4A017; text-decoration: none }
@media screen and (max-width: 960px) { header nav.site-nav .page-link:not(:last-child) { margin-right: 12px } }
@media screen and (max-width: 600px) { header nav.site-nav { top: 16px; background: #1A1F26; border: 1px solid #262C34 } }
@media screen and (max-width: 600px) { header nav.site-nav .page-link:not(:last-child) { margin-right: 0 } }
@media screen and (max-width: 600px) { header nav.site-nav .menu-icon, header nav.site-nav .close-icon { filter: invert1 } }
.section-heading { font-size: 2rem; font-weight: 700; margin-bottom: 18px }
.section-heading::after { content: ""; display: block; width: 44px; height: 3px; background: #D4A017; margin-top: 14px }
.section-heading.centered { text-align: center }
.section-heading.centered::after { margin-left: auto; margin-right: auto }
@media screen and (max-width: 600px) { .section-heading { font-size: 1.6rem } }
.lede { font-size: 1.1rem; color: #C9CED6; max-width: 760px; margin-left: auto; margin-right: auto }
section.wrapper { margin-top: 0; padding-top: 70px; padding-bottom: 30px }
main.page-content { background: linear-gradient(180deg, rgba(212, 160, 23, 0.06) 0%, rgba(11, 13, 16, 0) 60%),
        #0B0D10; border-bottom: 1px solid #262C34; color: #C9CED6; padding: 50px 0 60px }
main.page-content h1 { color: #F3F4F6; font-size: 3.4em; line-height: 1.06; letter-spacing: -0.03em; max-width: 16ch }
@media screen and (max-width: 800px) { main.page-content h1 { font-size: 2.4em } }
main.page-content .hero-sub { color: #D4A017; font-weight: 600; margin: 18px 0 26px }
main.page-content p { color: #C9CED6; max-width: 760px }
main.page-content .hero-lead { color: #F3F4F6; font-weight: 600; font-size: 1.12rem }
main.page-content .button.secondary { margin-top: 14px }
.section-photo { margin: 30px 0; border: 1px solid #262C34; border-radius: 6px; overflow: hidden }
.section-photo img { display: block; width: 100%; aspect-ratio: 3.2; object-fit: cover }
.icon { display: inline-flex; flex: 0 0 46px; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 6px; background: #1A1F26; border: 1px solid #262C34 }
.icon svg { width: 26px; height: 26px; overflow: visible }
.icon .i-p { fill: none; stroke: #C9CED6; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round }
.icon .i-a { fill: none; stroke: #D4A017; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round }
.icon .i-af { fill: #D4A017 }
.icon .i-pf { fill: #C9CED6 }
.icon .i-bg { fill: #1A1F26 }
.split { gap: 40px }
.split .lede { margin: 0 }
@media screen and (max-width: 600px) { .split { flex-direction: column; gap: 0 } }
@media screen and (max-width: 600px) { .split .flex-half { width: 100% } }
.split.boxed { flex-direction: column; gap: 12px; background: #13171C; border: 1px solid #262C34; border-left: 3px solid #D4A017; border-radius: 6px; padding: 30px }
.split.boxed .flex-half { width: 100% }
.split.boxed h3 { font-size: 1.35rem; margin: 0 }
.split.boxed p { margin: 0 }
.steps { background: #13171C; border-top: 1px solid #262C34; border-bottom: 1px solid #262C34; margin-top: 40px }
.steps .wrapper { padding-top: 70px; padding-bottom: 70px }
.layers .layer { display: grid; grid-template-columns: 46px 220px minmax(0, 1fr); gap: 24px; align-items: start; padding: 26px 28px; background: #0B0D10 }
.layers .layer:not(:last-child) { border-bottom: 1px solid #262C34 }
.layers .step-number { display: block; color: #D4A017; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 2px; font-variant-numeric: tabular-nums }
.layers .step-number::before { content: "LAYER " }
.layers h3 { margin: 0; font-size: 1.15rem; text-transform: uppercase; letter-spacing: 0.06em }
.layers .layer-type { margin: 4px 0 0; color: #8B949E; font-size: 14px }
.layers .layer-body p { margin: 0 0 12px; font-size: 15.5px }
.layers .layer-output { margin: 0 !important; padding: 10px 14px; border-left: 3px solid #D4A017; background: #13171C; color: #F3F4F6; font-weight: 500 }
@media screen and (max-width: 960px) { .layers .layer { grid-template-columns: 46px minmax(0, 1fr); gap: 16px 18px } }
@media screen and (max-width: 960px) { .layers .layer-body { grid-column: span 2 } }
.tile-grid { display: grid; gap: 16px; margin-top: 30px }
.tile-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.tile-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)) }
@media screen and (max-width: 960px) { .tile-grid.three { grid-template-columns: 1fr } }
@media screen and (max-width: 600px) { .tile-grid.two { grid-template-columns: 1fr } }
.tile { background: #13171C; border: 1px solid #262C34; border-radius: 6px; padding: 26px; transition: border-color 0.15s }
.tile:hover { border-color: #D4A017 }
.tile h3 { margin: 18px 0 8px; font-size: 1.15rem }
.tile p { margin-bottom: 10px }
.tile p:last-child { margin-bottom: 0 }
.tile .tagline { color: #D4A017; font-weight: 600 }
.tile .tagline::first-letter { text-transform: uppercase }
.notice { display: flex; gap: 16px; align-items: flex-start; margin-top: 24px; padding: 20px 24px; background: #13171C; border: 1px solid #262C34; border-left: 3px solid #D4A017; border-radius: 6px }
.notice p { margin: 0; color: #F3F4F6; font-weight: 500 }
.price { margin-top: 40px; background: #13171C; border-top: 1px solid #262C34; border-bottom: 1px solid #262C34 }
.price .wrapper { padding-top: 70px; padding-bottom: 70px }
.network-list .network-row { grid-template-columns: 46px 130px 300px minmax(0, 1fr); background: #0B0D10 }
.network-list .network-row .figure { margin: 0; color: #D4A017; font-size: 1.9rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums }
.network-list .network-row h3 { font-size: 1.05rem }
.network-list .network-row .network-text { color: #8B949E }
.network-list .network-row .network-text::first-letter { text-transform: uppercase }
@media screen and (max-width: 960px) { .network-list .network-row { grid-template-columns: 46px 110px minmax(0, 1fr) } }
@media screen and (max-width: 960px) { .network-list .network-row .network-text { grid-column: span 3 } }
@media screen and (max-width: 600px) { .network-list .network-row { grid-template-columns: 46px minmax(0, 1fr) } }
@media screen and (max-width: 600px) { .network-list .network-row .figure, .network-list .network-row h3, .network-list .network-row .network-text { grid-column: 2 } }
.row-list { margin-top: 30px; border: 1px solid #262C34; border-radius: 6px; overflow: hidden }
.row-item { display: grid; grid-template-columns: 46px 260px minmax(0, 1fr); gap: 22px; align-items: center; padding: 18px 24px; background: #13171C }
.row-item:not(:last-child) { border-bottom: 1px solid #262C34 }
.row-item:hover { background: #1A1F26 }
.row-item h3 { margin: 0; font-size: 1.05rem }
.row-item p { margin: 0 }
@media screen and (max-width: 600px) { .row-item { grid-template-columns: 46px minmax(0, 1fr); gap: 6px 16px } }
@media screen and (max-width: 600px) { .row-item p { grid-column: 2 } }
.impact .row-item p::first-letter { text-transform: uppercase }
.news-card { grid-template-columns: minmax(0, 1fr) auto; align-items: center }
.news-card.has-thumb { grid-template-columns: 220px minmax(0, 1fr) auto }
.news-card .news-thumb { display: block }
.news-card .news-thumb img { display: block; width: 220px; height: 150px; object-fit: cover; border: 1px solid #262C34; border-radius: 4px }
.news-card .post-meta { margin: 0 0 8px; color: #8B949E; font-size: 14px }
.news-card .tag { margin-left: 6px }
.news-card h3 { margin-bottom: 6px }
.news-card h3 a, .news-card h3 a:visited { color: #F3F4F6 }
.news-card h3 a:hover { color: #D4A017; text-decoration: none }
.news-card .read-more { white-space: nowrap }
@media screen and (max-width: 600px) { .news-card { grid-template-columns: 1fr } }
@media screen and (max-width: 600px) { .news-card.has-thumb { grid-template-columns: 1fr } }
@media screen and (max-width: 600px) { .news-card .news-thumb img { width: 100%; height: auto; aspect-ratio: 1.6 } }
@media screen and (max-width: 600px) { .news-card p { grid-column: auto } }
.tag { display: inline-block; margin-left: 8px; padding: 1px 8px; border: 1px solid #D4A017; border-radius: 3px; color: #D4A017; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase }
section.people { margin-top: 40px }
section.people .people-title { width: 100%; margin-bottom: 30px }
section.people .people-lists { border: 1px solid #262C34; border-radius: 6px; overflow: hidden }
section.people .people-list { width: 100%; display: grid; grid-template-columns: 120px 280px minmax(0, 1fr); grid-template-areas: "photo name bio" "photo role bio"; column-gap: 28px; row-gap: 4px; align-items: center; padding: 24px 28px; margin: 0; background: #13171C; text-align: left }
section.people .people-list:not(:last-child) { border-bottom: 1px solid #262C34 }
section.people .people-list--img { grid-area: photo; width: 120px; height: 120px; margin: 0; border: 2px solid #D4A017; background: #1A1F26 }
section.people .people-list--text { display: contents }
section.people .people-list h4 { grid-area: name; margin: 0; font-size: 1.1rem; color: #F3F4F6; align-self: end }
section.people .people-list--title { grid-area: role; color: #D4A017; font-weight: 600; font-size: 14px; margin: 0; align-self: start }
section.people .people-list--description { grid-area: bio; margin: 0; font-size: 15px }
@media screen and (max-width: 960px) { section.people .people-list { grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "photo name" "photo role" "bio bio"; column-gap: 20px } }
@media screen and (max-width: 960px) { section.people .people-list--img { width: 96px; height: 96px; display: block } }
@media screen and (max-width: 960px) { section.people .people-list--description { margin-top: 14px } }
.contact-band { margin-top: 50px; background: #13171C; border-top: 1px solid #262C34; border-bottom: 1px solid #262C34 }
.contact-band .wrapper { padding-top: 70px; padding-bottom: 70px }
.contact-band .contact-email { display: inline-block; margin-top: 14px }
.contact-band .contact-address { margin-top: 18px; margin-bottom: 0; color: #8B949E }
.legal-area { padding-top: 40px }
.panel, .legal-block { background: #13171C; border: 1px solid #262C34; border-radius: 6px; padding: 26px 28px; margin-bottom: 16px }
.panel h3, .legal-block h3 { color: #F3F4F6; font-size: 1.1rem }
.panel p, .legal-block p { font-size: 15px }
.legal-block { border-left: 3px solid #D4A017 }
article.post { flex: 1 }
article.post .wrapper { max-width: 880px; padding-top: 60px }
.post-title { color: #F3F4F6 }
.post-header::after { content: ""; display: block; width: 44px; height: 3px; background: #D4A017; margin-top: 18px }
.post-meta { color: #8B949E }
.post-summary { font-size: 1.15rem; margin-top: 12px }
.post-content h2 { font-size: 1.35rem; margin-top: 36px; padding-top: 18px; border-top: 1px solid #262C34 }
.post-content h3 { font-size: 1.1rem; margin-top: 26px; color: #D4A017 }
.post-content ul { margin-left: 22px }
.post-content li { margin-bottom: 6px }
.post-content strong { color: #F3F4F6 }
.post-content table { display: block; overflow-x: auto; color: #C9CED6; border-color: #262C34 }
.post-content table tr:nth-child(even) { background-color: #13171C }
.post-content table th { background-color: #1A1F26; border-color: #262C34; color: #F3F4F6 }
.post-content table td { border-color: #262C34 }
.back-link { margin-top: 40px }
.post-lead-image, .gallery figure { margin: 0 }
.post-lead-image img, .gallery figure img { display: block; width: 100%; border: 1px solid #262C34; border-radius: 6px }
.post-lead-image figcaption, .gallery figure figcaption { margin-top: 8px; font-size: 13.5px; color: #8B949E }
.post-lead-image { margin: 10px 0 30px }
.gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 26px 0 30px }
.gallery img { aspect-ratio: 1; object-fit: cover }
@media screen and (max-width: 600px) { .gallery { grid-template-columns: 1fr } }
footer.site-footer { background-color: #07090B; border-top: 1px solid #262C34; color: #8B949E; margin-top: 60px }
footer.site-footer a, footer.site-footer a:visited { color: #C9CED6 }
footer.site-footer a:hover { color: #D4A017 }
footer.site-footer .wrapper { padding-bottom: 30px }
footer.site-footer p { color: #8B949E }
.footer-menu { border-bottom: 1px solid #262C34; gap: 20px }
.footer-menu .footer-lists { width: 20% }
.footer-menu .footer-list--title { color: #F3F4F6 }
.footer-menu .footer-contact { width: 25% }
@media screen and (max-width: 960px) { .footer-menu .footer-lists, .footer-menu .footer-contact { width: 45% } }
@media screen and (max-width: 400px) { .footer-menu .footer-lists, .footer-menu .footer-contact { width: 100% } }
.footer-brand { width: 25% }
.footer-brand img { width: 170px }
@media screen and (max-width: 960px) { .footer-brand { width: 100% } }
.footer-text .footer-copy p { font-size: 14px; margin-bottom: 6px }
:root { --color-bg: #0B0D10; --color-surface: #13171C; --color-surface-raised: #1A1F26; --color-border: #262C34; --color-heading: #F3F4F6; --color-text: #C9CED6; --color-muted: #8B949E; --color-accent: #D4A017; --color-accent-hover: #E6B93A; color-scheme: dark }