@layer theme {
:root,:host {
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--spacing:.25rem;
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono)
}

}
@layer base {
*,:after,:before,::backdrop {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}
::file-selector-button {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}
html,:host {
-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings,normal);
font-variation-settings:var(--default-font-variation-settings,normal);
-webkit-tap-highlight-color:transparent
}
hr {
height:0;
color:inherit;
border-top-width:1px
}
abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:inherit
}
a {
color:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit
}
b,strong {
font-weight:bolder
}
code,kbd,samp,pre {
font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings:var(--default-mono-font-feature-settings,normal);
font-variation-settings:var(--default-mono-font-variation-settings,normal);
font-size:1em
}
small {
font-size:80%
}
sub,sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
table {
text-indent:0;
border-color:inherit;
border-collapse:collapse
}
:-moz-focusring {
outline:auto
}
progress {
vertical-align:baseline
}
summary {
display:list-item
}
ol,ul,menu {
list-style:none
}
img,svg,video,canvas,audio,iframe,embed,object {
vertical-align:middle;
display:block
}
img,video {
max-width:100%;
height:auto
}
button,input,select,optgroup,textarea {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}
::file-selector-button {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}
:where(select:is([multiple],[size])) optgroup {
font-weight:bolder
}
:where(select:is([multiple],[size])) optgroup option {
padding-inline-start:20px
}
::file-selector-button {
margin-inline-end:4px
}
::placeholder {
opacity:1
}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder {
color:currentColor
}
@supports (color:color-mix(in lab, red, red)) {
::placeholder {
color:color-mix(in oklab, currentcolor 50%, transparent)
}

}

}
textarea {
resize:vertical
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-date-and-time-value {
min-height:1lh;
text-align:inherit
}
::-webkit-datetime-edit {
display:inline-flex
}
::-webkit-datetime-edit-fields-wrapper {
padding:0
}
::-webkit-datetime-edit {
padding-block:0
}
::-webkit-datetime-edit-year-field {
padding-block:0
}
::-webkit-datetime-edit-month-field {
padding-block:0
}
::-webkit-datetime-edit-day-field {
padding-block:0
}
::-webkit-datetime-edit-hour-field {
padding-block:0
}
::-webkit-datetime-edit-minute-field {
padding-block:0
}
::-webkit-datetime-edit-second-field {
padding-block:0
}
::-webkit-datetime-edit-millisecond-field {
padding-block:0
}
::-webkit-datetime-edit-meridiem-field {
padding-block:0
}
::-webkit-calendar-picker-indicator {
line-height:1
}
:-moz-ui-invalid {
box-shadow:none
}
button,input:where([type=button],[type=reset],[type=submit]) {
appearance:button
}
::file-selector-button {
appearance:button
}
::-webkit-inner-spin-button {
height:auto
}
::-webkit-outer-spin-button {
height:auto
}
[hidden]:where(:not([hidden=until-found])) {
display:none!important
}

}
@layer components;
@layer utilities {
.visible {
visibility:visible
}
.relative {
position:relative
}
.start {
inset-inline-start:var(--spacing)
}
.table {
display:table
}

}
:root {
--navy:#071d35;
--navy2:#0b2c4c;
--blue:#087cc1;
--yellow:#f5b51b;
--ink:#172635;
--muted:#62717f;
--soft:#f3f6f8;
--white:#fff
}
* {
box-sizing:border-box
}
html {
scroll-behavior:smooth
}
body {
color:var(--ink);
background:#fff;
margin:0;
font-family:Arial,Helvetica,sans-serif
}
a {
color:inherit;
text-decoration:none
}
img {
max-width:100%;
display:block
}
.shell {
width:min(1180px,100% - 48px);
margin:auto
}
.section {
padding:96px 0
}
.soft {
background:var(--soft)
}
.navy {
background:var(--navy);
color:#fff
}
.center {
text-align:center
}
.narrow {
max-width:890px
}
.eyebrow {
color:var(--blue);
letter-spacing:.16em;
text-transform:uppercase;
margin:0 0 18px;
font-size:12px;
font-weight:800
}
.eyebrow.light {
color:var(--yellow)
}
h1,h2,h3,p {
margin-top:0
}
h1,h2 {
font-family:Georgia,Times New Roman,serif
}
h2 {
margin-bottom:24px;
font-size:clamp(34px,4.2vw,58px);
font-weight:600;
line-height:1.08
}
.lead {
color:var(--muted);
font-size:18px;
line-height:1.75
}
.site-header {
z-index:50;
background:#fff;
border-bottom:1px solid #e4e9ed;
height:92px;
transition:all .25s;
position:fixed;
top:0;
left:0;
right:0
}
.site-header.scrolled {
height:78px;
box-shadow:0 8px 28px #071d351c
}
.nav-wrap {
align-items:center;
height:100%;
display:flex
}
.brand img {
width:174px
}
.nav-links {
align-items:stretch;
height:100%;
margin-left:auto;
display:flex
}
.nav-links a {
align-items:center;
padding:0 20px;
font-size:14px;
font-weight:700;
display:flex;
position:relative
}
.nav-links a:after {
content:"";
background:var(--yellow);
height:3px;
transition:all .2s;
position:absolute;
bottom:20px;
left:20px;
right:20px;
transform:scaleX(0)
}
.nav-links a:hover:after,.nav-links a.active:after {
transform:scaleX(1)
}
.login-btn {
background:var(--navy);
color:#fff;
border-radius:5px;
margin-left:17px;
padding:14px 18px;
font-size:13px;
font-weight:700
}
.login-btn span {
color:var(--yellow);
margin-right:7px
}
.menu-toggle {
background:0 0;
border:0;
margin-left:auto;
padding:8px;
display:none
}
.menu-toggle i {
background:var(--navy);
width:25px;
height:2px;
margin:5px;
display:block
}
.hero {
color:#fff;
height:max(720px,100vh);
position:relative;
overflow:hidden
}
.hero-slide {
object-fit:cover;
opacity:0;
width:100%;
height:100%;
transition:opacity 1s,transform 7s;
position:absolute;
inset:0;
transform:scale(1.035)
}
.hero-slide.active {
opacity:1;
transform:scale(1)
}
.hero-shade {
background:linear-gradient(90deg,#071d35e8 0%,#071d359c 45%,#071d3523 75%),linear-gradient(#0000 50%,#06172a80);
position:absolute;
inset:0
}
.hero-copy {
z-index:2;
width:min(690px,82%);
position:absolute;
top:52%;
left:max(6vw,28px);
transform:translateY(-46%)
}
.hero h1 {
margin-bottom:25px;
font-size:clamp(48px,6.2vw,82px);
font-weight:500;
line-height:1.02
}
.hero-copy>p:not(.eyebrow) {
color:#eef4f7;
max-width:590px;
font-size:20px;
line-height:1.65
}
.primary-btn,.telegram-btn {
background:var(--yellow);
color:#17202a;
cursor:pointer;
border:0;
border-radius:4px;
justify-content:center;
align-items:center;
gap:30px;
min-height:54px;
margin-top:18px;
padding:0 24px;
font-weight:800;
transition:all .2s;
display:inline-flex
}
.primary-btn:hover,.telegram-btn:hover {
filter:brightness(1.04);
transform:translateY(-2px)
}
.hero-arrow {
z-index:3;
color:#fff;
cursor:pointer;
background:#071d3566;
border:1px solid #fff8;
width:46px;
height:46px;
font-size:30px;
position:absolute;
top:52%
}
.hero-arrow.prev {
left:20px
}
.hero-arrow.next {
right:20px
}
.hero-dots {
z-index:4;
gap:10px;
display:flex;
position:absolute;
bottom:32px;
left:50%;
transform:translate(-50%)
}
.hero-dots button {
background:#ffffff80;
border:0;
width:30px;
height:3px;
padding:0
}
.hero-dots button.active {
background:var(--yellow)
}
.intro .lead {
margin:0 auto 30px
}
.text-link {
color:var(--blue);
border-bottom:2px solid var(--yellow);
padding-bottom:6px;
font-weight:800
}
.cards {
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:48px;
display:grid
}
.card {
background:#fff;
overflow:hidden;
box-shadow:0 12px 35px #071d3512
}
.card>img {
object-fit:cover;
width:100%;
height:230px
}
.card>div {
padding:28px
}
.card h3 {
font-family:Georgia,serif;
font-size:25px
}
.card p {
min-height:76px;
color:var(--muted);
line-height:1.6
}
.card a {
color:var(--blue);
font-size:14px;
font-weight:800
}
.why {
grid-template-columns:1fr 1fr;
align-items:center;
gap:75px;
display:grid
}
.why>img {
object-fit:cover;
width:100%;
height:580px
}
.why-list {
border-top:1px solid #d9e0e5
}
.why-list div {
border-bottom:1px solid #d9e0e5;
gap:20px;
padding:18px 0;
display:flex
}
.why-list b {
color:var(--yellow)
}
.why-list span {
font-weight:700
}
.telegram-section {
background:var(--navy);
color:#fff;
padding:70px 0
}
.telegram {
grid-template-columns:1.15fr 220px 1fr;
align-items:center;
gap:35px;
min-height:360px;
display:grid
}
.telegram h2 {
font-size:clamp(38px,4vw,58px)
}
.telegram h2 em {
color:var(--yellow);
font-style:normal
}
.telegram p {
color:#d6e1e9
}
.telegram-btn {
color:#fff;
background:#1597d5
}
.qr {
background:#fff;
width:210px;
padding:12px
}
.telegram-photo {
object-fit:cover;
width:100%;
height:300px
}
.page-hero {
color:#fff;
height:470px;
margin-top:92px;
position:relative
}
.page-hero>img {
object-fit:cover;
width:100%;
height:100%;
position:absolute
}
.page-hero:after {
content:"";
background:linear-gradient(90deg,#071d35e8,#071d3560);
position:absolute;
inset:0
}
.page-hero>div {
z-index:1;
flex-direction:column;
justify-content:center;
width:min(1180px,100% - 48px);
height:100%;
margin:auto;
display:flex;
position:relative
}
.page-hero h1 {
margin:0 0 12px;
font-size:clamp(52px,7vw,82px)
}
.page-hero>div>p:last-child {
font-size:18px
}
.about-grid {
grid-template-columns:1fr 1fr;
gap:80px;
display:grid
}
.about-grid>div {
border-left:4px solid var(--yellow);
padding-left:25px
}
.about-grid h2 {
font-size:38px
}
.about-grid p:last-child {
color:var(--muted);
line-height:1.75
}
.journey {
grid-template-columns:1fr 1fr;
align-items:center;
gap:75px;
display:grid
}
.journey img {
object-fit:cover;
width:100%;
height:500px
}
.values {
border-top:1px solid #ffffff2e;
grid-template-columns:repeat(4,1fr);
margin-top:48px;
display:grid
}
.values article {
border-left:1px solid #ffffff2e;
min-height:190px;
padding:32px 24px
}
.values article:last-child {
border-right:1px solid #ffffff2e
}
.values h3 {
font-family:Georgia,serif;
font-size:23px
}
.values p {
color:#b9c7d2;
line-height:1.65
}
.service-list article {
grid-template-columns:1fr 1fr;
align-items:center;
gap:80px;
margin-bottom:100px;
display:grid
}
.service-list article.reverse img {
order:2
}
.service-list article>img {
object-fit:cover;
width:100%;
height:430px
}
.service-list ul {
padding:0;
list-style:none
}
.service-list li {
border-bottom:1px solid #dce2e6;
padding:14px 0
}
.service-list li:before {
content:"✓";
color:var(--yellow);
margin-right:12px;
font-weight:700
}
.contact-grid {
grid-template-columns:.9fr 1.1fr;
gap:85px;
display:grid
}
.contact-info {
margin-top:42px
}
.contact-info>a,.contact-info>div {
border-bottom:1px solid #d9e0e5;
flex-direction:column;
padding:20px 0;
display:flex
}
.contact-info small {
color:var(--muted);
text-transform:uppercase;
letter-spacing:.12em;
margin-bottom:2px
}
.contact-form {
background:var(--soft);
grid-template-columns:1fr 1fr;
gap:20px;
padding:40px;
display:grid
}
.contact-form h3,.contact-form .primary-btn,.form-status {
grid-column:1/-1
}
.contact-form label:has(textarea) {
grid-column:1/-1
}
.contact-form h3 {
font-family:Georgia,serif;
font-size:30px
}
.contact-form label {
flex-direction:column;
gap:8px;
font-size:13px;
font-weight:700;
display:flex
}
.contact-form input,.contact-form select,.contact-form textarea {
width:100%;
font:inherit;
background:#fff;
border:1px solid #ccd6dc;
padding:14px
}
.contact-form textarea {
resize:vertical
}
.contact-form .primary-btn {
justify-self:start
}
.form-status {
color:var(--blue);
margin:0
}
.audience {
grid-template-columns:1fr 1fr;
gap:28px;
margin-top:85px;
display:grid
}
.audience article {
color:#fff;
height:360px;
position:relative;
overflow:hidden
}
.audience img {
object-fit:cover;
width:100%;
height:100%;
transition:all .3s
}
.audience article:after {
content:"";
background:linear-gradient(#0000 25%,#071d35e8);
position:absolute;
inset:0
}
.audience article>div {
z-index:2;
position:absolute;
bottom:25px;
left:30px;
right:30px
}
.audience h3 {
margin-bottom:7px;
font-family:Georgia,serif;
font-size:28px
}
.audience p {
margin-bottom:12px
}
.audience a {
color:var(--yellow);
font-weight:800
}
.login-page {
background:linear-gradient(135deg,#edf2f5,#fff);
place-items:center;
min-height:100vh;
padding:70px 24px;
display:grid
}
.login-back {
color:var(--blue);
font-weight:700;
position:absolute;
top:25px;
left:30px
}
.login-panel,.document-panel {
background:#fff;
width:min(480px,100%);
padding:42px;
box-shadow:0 25px 70px #071d3520
}
.login-panel>img,.document-panel>img {
width:180px;
margin-bottom:35px
}
.login-panel h1,.document-panel h1 {
font-size:44px
}
.login-panel>p:not(.eyebrow),.document-panel>p {
color:var(--muted);
line-height:1.6
}
.login-panel label {
flex-direction:column;
gap:8px;
margin-top:18px;
font-size:13px;
font-weight:700;
display:flex
}
.login-panel input {
border:1px solid #ccd6dc;
width:100%;
padding:14px
}
.password {
display:flex
}
.password input {
flex:1
}
.password button {
background:#f3f6f8;
border:1px solid #ccd6dc;
border-left:0
}
.login-panel .primary-btn {
width:100%
}
.document-panel {
width:min(1000px,100%)
}
.documents {
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:35px;
display:grid
}
.documents a {
border:1px solid #d9e1e6;
padding:28px;
transition:all .2s
}
.documents a:hover {
border-color:var(--blue);
transform:translateY(-3px)
}
.documents span {
color:var(--blue);
background:#e8f3fa;
padding:7px;
font-size:12px;
font-weight:800;
display:inline-block
}
.documents h3 {
margin:28px 0 40px;
font-family:Georgia,serif;
font-size:22px
}
.documents b {
color:var(--blue);
font-size:13px
}
.logout {
color:var(--blue);
cursor:pointer;
background:0 0;
border:0;
margin-top:35px;
font-weight:800
}
.site-footer {
color:#d2dce5;
background:#051526;
padding-top:65px
}
.footer-grid {
grid-template-columns:1.4fr .75fr 1fr .65fr;
gap:55px;
display:grid
}
.footer-grid>div:first-child img {
filter:brightness(0)invert();
width:180px
}
.footer-grid p {
color:#9fb0bd;
margin-top:20px;
line-height:1.7
}
.footer-grid h3 {
color:#fff;
font-family:Georgia,serif
}
.footer-grid>div:nth-child(2) a {
color:#aebbc6;
margin:11px 0;
display:block
}
.footer-grid>div:nth-child(3)>a {
color:var(--yellow);
font-weight:700
}
.footer-qr img {
background:#fff;
width:105px;
padding:6px
}
.footer-bottom {
text-align:center;
color:#7f929f;
border-top:1px solid #ffffff1a;
margin-top:50px;
padding:22px;
font-size:12px
}
@media (max-width:900px) {
.site-header {
height:78px
}
.nav-links {
background:#fff;
flex-direction:column;
height:auto;
margin:0;
padding:10px 24px 20px;
display:none;
position:absolute;
top:78px;
left:0;
right:0;
box-shadow:0 15px 30px #071d351f
}
.nav-links.open {
display:flex
}
.nav-links a {
padding:15px 0
}
.nav-links a:after {
width:40px;
left:0;
right:auto
}
.login-btn {
margin-left:auto
}
.menu-toggle {
display:block
}
.page-hero {
margin-top:78px
}
.cards,.values {
grid-template-columns:1fr 1fr
}
.why,.journey,.about-grid,.contact-grid,.service-list article {
grid-template-columns:1fr;
gap:45px
}
.service-list article.reverse img {
order:0
}
.telegram {
grid-template-columns:1fr 190px
}
.telegram-photo {
display:none
}
.footer-grid {
grid-template-columns:1fr 1fr
}
.documents {
grid-template-columns:1fr
}
.hero-arrow {
display:none
}

}
@media (max-width:600px) {
.shell {
width:min(100% - 32px,1180px)
}
.section {
padding:68px 0
}
.brand img {
width:145px
}
.login-btn {
padding:12px;
font-size:0
}
.login-btn span {
margin:0;
font-size:16px
}
.hero {
height:760px
}
.hero-copy {
width:calc(100% - 44px);
top:49%;
left:22px
}
.hero h1 {
font-size:45px
}
.hero-copy>p:not(.eyebrow) {
font-size:17px
}
.cards,.values,.footer-grid,.audience {
grid-template-columns:1fr
}
.why>img,.journey img {
height:370px
}
.telegram {
grid-template-columns:1fr
}
.qr {
width:185px
}
.page-hero {
height:390px
}
.page-hero>div {
width:calc(100% - 32px)
}
.page-hero h1 {
font-size:52px
}
.service-list article {
margin-bottom:70px
}
.service-list article>img {
height:300px
}
.contact-form {
grid-template-columns:1fr;
padding:25px
}
.contact-form h3,.contact-form .primary-btn,.form-status {
grid-column:auto
}
.contact-form label:has(textarea) {
grid-column:auto
}
.audience article {
height:320px
}
.footer-grid {
gap:35px
}
.login-panel,.document-panel {
padding:28px
}
.login-panel h1,.document-panel h1 {
font-size:37px
}

}
@media (prefers-reduced-motion:reduce) {
* {
scroll-behavior:auto!important;
transition:none!important
}

}

/* AGM logo size adjustment: desktop and mobile */
.site-header .brand img {
width:140px!important;
height:auto!important;
max-height:64px!important;
object-fit:contain!important
}

@media (max-width:600px) {
.site-header .brand img {
width:112px!important;
max-height:52px!important
}

}

/* Keep the AGM header logo at the same size after navigating to Services. */
.site-header .brand {
width:180px!important;
min-width:180px!important
}

.site-header .brand img {
display:block!important;
width:180px!important;
max-width:none!important;
max-height:82px!important;
height:auto!important;
object-fit:contain!important
}

@media (max-width:600px) {
.site-header .brand {
width:145px!important;
min-width:145px!important
}
.site-header .brand img {
width:145px!important;
max-height:66px!important
}

}

/* AGM logo: consistent normal and scrolled sizes on every page */
body .site-header .brand  {

  width: 180px !important;

  min-width: 180px !important;

  transition: width .25s ease, min-width .25s ease !important;

}

body .site-header .brand img  {

  display: block !important;

  width: 180px !important;

  max-width: none !important;

  max-height: 82px !important;

  height: auto !important;

  object-fit: contain !important;

  transition: width .25s ease, max-height .25s ease !important;

}

body .site-header.scrolled .brand  {

  width: 145px !important;

  min-width: 145px !important;

}

body .site-header.scrolled .brand img  {

  width: 145px !important;

  max-height: 64px !important;

}

@media (max-width: 600px)  {

  body .site-header .brand  {

    width: 145px !important;

    min-width: 145px !important;

  
}

  body .site-header .brand img  {

    width: 145px !important;

    max-height: 66px !important;

  
}

  body .site-header.scrolled .brand  {

    width: 112px !important;

    min-width: 112px !important;

  
}

  body .site-header.scrolled .brand img  {

    width: 112px !important;

    max-height: 52px !important;

  
}

}

/* AGM Why Choose photo: preserve the full 3:2 source image on desktop and mobile. */
.why > img  {

  width: 100% !important;

  height: auto !important;

  aspect-ratio: 3 / 2 !important;

  object-fit: contain !important;

  object-position: center center !important;

}

@media (max-width: 600px)  {

  .why > img  {

    height: auto !important;

    aspect-ratio: 3 / 2 !important;

  
}

}