body{margin:0;padding:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
  /* Раскладка: одна колонка 460px — знак, имя, контакты строками, кнопки, направления */
  :root{
    --bg:#F2F6FA;
    --card:#FFFFFF;
    --ink:#053057;
    --ink-2:#1A4878;
    --green:#55A137;
    --green-soft:rgba(85,161,55,.10);
    --text:#0E2238;
    --text-2:#4A5C70;
    --text-3:#7C8CA0;
    --line:#DCE4EC;
    --line-soft:#EAF0F5;
    --grad:linear-gradient(135deg,#1A4878 0%,#042745 100%);
    --font-ui:Inter,"Segoe UI",Roboto,Arial,sans-serif;
    --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
    color-scheme:light;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--text);
    font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
  .page{max-width:460px;margin:0 auto;padding-inline:16px;padding-block:28px 40px;}
  .card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;
    box-shadow:0 24px 60px -36px rgba(5,48,87,.45);}

  .top{padding:30px 26px 26px;text-align:center;
    background:linear-gradient(180deg,#FFFFFF 0%,#F4F8FB 100%);
    border-bottom:1px solid var(--line-soft);}
  .top img{width:168px;height:auto;margin:0 auto 22px;}
  .name{font-size:clamp(26px,7vw,31px);font-weight:800;letter-spacing:-.02em;line-height:1.1;
    margin:0;color:var(--ink);text-wrap:balance;}
  .role{margin:9px 0 0;font-size:15px;color:var(--text-2);}
  .role b{color:var(--text);font-weight:600;}
  .tag{display:inline-flex;align-items:center;gap:9px;margin-top:16px;
    font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--text-3);}
  .tag i{width:2px;height:11px;background:var(--green);display:inline-block;font-style:normal;}

  .rows{display:flex;flex-direction:column;}
  .row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;align-items:center;
    padding:15px 26px;border-bottom:1px solid var(--line-soft);text-decoration:none;color:inherit;
    transition:background .15s;}
  a.row:hover{background:var(--green-soft);}
  .row svg{width:19px;height:19px;justify-self:center;color:var(--ink-2);flex:none;}
  a.row:hover svg{color:var(--green);}
  .row .k{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.13em;
    text-transform:uppercase;color:var(--text-3);margin-bottom:3px;}
  .row .v{display:block;font-size:17px;font-weight:600;color:var(--text);
    overflow-wrap:anywhere;line-height:1.3;}
  .row .v.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;}
  .row .v small{display:block;font-family:var(--font-ui);font-size:13.5px;font-weight:400;
    color:var(--text-2);margin-top:3px;letter-spacing:0;}

  .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 26px 24px;}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
    font-family:var(--font-ui);font-size:15px;font-weight:600;text-decoration:none;text-align:center;
    padding:13px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);
    color:var(--text);transition:border-color .15s,background .15s,color .15s,transform .12s;}
  .btn:active{transform:translateY(1px);}
  .btn:hover{border-color:var(--green);color:var(--green);background:var(--green-soft);}
  .btn-main{grid-column:1 / -1;background:var(--grad);border-color:transparent;color:#FFFFFF;
    box-shadow:0 10px 24px -12px rgba(5,48,87,.7);}
  .btn-main:hover{filter:brightness(1.1);background:var(--grad);color:#FFFFFF;border-color:transparent;}
  .btn svg{width:18px;height:18px;flex:none;}
  .said{grid-column:1 / -1;margin:-4px 0 0;text-align:center;font-size:13.5px;color:var(--green);
    font-weight:600;}

  .what{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;
    padding:24px 26px 26px;}
  .what h2{margin:0 0 4px;font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--ink);}
  .what > p{margin:0 0 18px;font-size:14.5px;color:var(--text-2);}
  .dir{display:flex;flex-direction:column;gap:16px;}
  .dir article{display:flex;flex-direction:column;gap:6px;padding-left:15px;
    border-left:2px solid var(--green);}
  .dir h3{margin:0;font-size:15.5px;font-weight:700;color:var(--text);}
  .dir p{margin:0;font-size:14.5px;color:var(--text-2);}
  .dir a{color:var(--ink-2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);}
  .dir a:hover{color:var(--green);border-bottom-color:var(--green);}

  footer{margin-top:18px;text-align:center;font-family:var(--font-mono);font-size:11.5px;
    letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);line-height:1.9;}
  a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px;}
  @media (max-width:380px){
    .row{padding-inline:20px;} .top{padding-inline:20px;} .acts{padding-inline:20px;}
    .what{padding-inline:20px;}
  }
  @media (prefers-reduced-motion: reduce){*{transition:none!important;}}