@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/aiengineer/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/aiengineer/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --bg:#f3f1ea;--surface:#fbfaf6;--ink:#1e3233;--muted:#4f5f5a;--line:#d5d9cf;--accent-ink:#7a5a22;
  --status-bg:#dfe9d8;--status-ink:#2f5a43;--status-dot:#4f8a5d;
  --slab:#141f22;--slab-text:#f5f1e8;--slab-muted:#b9c2bf;--slab-line:#3b4848;
  --gold:#e2c48a;--gold-hover:#efd8ad;--on-gold:#1f2f2b;
  --paper:#f7f5ed;--paper-ink:#1e3233;--paper-help:#52625d;--paper-line:#d6dacd;--paper-hover:#efe8d6;
  --radius:16px;--gutter:32px;
  font-family:Manrope,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:20px;
  scrollbar-color:#9aa59f var(--bg);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){color-scheme:dark;--bg:#111a1c;--surface:#1a2629;--ink:#f5f1e8;--muted:#b9c2bf;--line:#2f3d3e;--accent-ink:#e2c48a;--status-bg:rgba(126,170,130,.16);--status-ink:#c3dcc0;--status-dot:#8fc196;scrollbar-color:#5b6a67 var(--bg)}
}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111a1c;--surface:#1a2629;--ink:#f5f1e8;--muted:#b9c2bf;--line:#2f3d3e;--accent-ink:#e2c48a;--status-bg:rgba(126,170,130,.16);--status-ink:#c3dcc0;--status-dot:#8fc196;scrollbar-color:#5b6a67 var(--bg)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4,p,ol,ul,dl,dd{margin:0}
h1,h2,h3,h4{text-wrap:balance;font-weight:750}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
ul,ol{padding:0;list-style:none}
::selection{background:var(--gold);color:var(--on-gold)}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:6px}
.icon{width:20px;height:20px;flex-shrink:0}
.skip-link{position:absolute;left:12px;top:12px;z-index:10;padding:12px 16px;border-radius:8px;background:var(--gold);color:var(--on-gold);font-weight:700;transform:translateY(-200%)}
.skip-link:focus{transform:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 22px;border-radius:9px;font-size:16.5px;font-weight:800;line-height:1.3;transition:background-color .16s,border-color .16s,color .16s}
.btn-primary{background:var(--gold);color:var(--on-gold)}
.btn-primary:hover{background:var(--gold-hover)}
.btn-ghost{border:1px solid #5d6c69;color:var(--slab-text)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-quiet{border:1px solid var(--line);color:var(--ink)}
.btn-quiet:hover{border-color:var(--accent-ink);color:var(--accent-ink)}

/* Hero band */
.hero-band{background:var(--slab);color:var(--slab-text);color-scheme:dark}
:root[data-theme="dark"] .hero-band{box-shadow:inset 0 -1px 0 var(--slab-line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-band{box-shadow:inset 0 -1px 0 var(--slab-line)}}
.hero-band ::selection{background:var(--gold);color:var(--on-gold)}
.site-header,.hero,main>section,.site-footer{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.site-header{display:flex;align-items:center;gap:32px;padding-block:22px}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:-.02em;min-height:44px}
.brand-mark{width:30px;height:31px;color:var(--gold)}
.site-nav{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--slab-muted)}
.site-nav a{min-height:44px;display:inline-flex;align-items:center;transition:color .16s}
.site-nav a:hover{color:var(--slab-text)}
.theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--slab-line);border-radius:9px;background:transparent;color:var(--slab-text);cursor:pointer;transition:border-color .16s,color .16s}
.theme-toggle:hover{border-color:var(--gold);color:var(--gold)}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle .i-sun{display:none}
:root[data-theme="dark"] .theme-toggle .i-sun{display:block}
:root[data-theme="dark"] .theme-toggle .i-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-toggle .i-sun{display:block}
  :root:not([data-theme="light"]) .theme-toggle .i-moon{display:none}
}

.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:center;padding-block:48px 96px}
.hero h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.04em}
.hero h1 em{display:block;font-style:normal;color:var(--gold)}
.hero-lead{margin-top:28px;font-size:19px;line-height:1.6;color:#dde1d9;max-width:40ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero-proof{margin-top:40px;padding-top:22px;border-top:1px solid var(--slab-line);max-width:470px;font-size:18px;line-height:1.5;color:var(--slab-muted)}
.hero-proof strong{font-weight:750;color:var(--gold);font-variant-numeric:tabular-nums}
.hero-author{margin-top:14px;font-size:14px;line-height:1.6;color:var(--slab-muted);max-width:46ch}

/* The paper sheet of shipped projects */
.sheet{position:relative;background:var(--paper);color:var(--paper-ink);color-scheme:light;border-radius:4px 4px 16px 4px;padding:30px 32px 16px;transform:rotate(-1.2deg);box-shadow:0 34px 56px -30px rgba(0,0,0,.7),0 8px 18px -10px rgba(0,0,0,.3);scroll-margin-top:24px;animation:sheet-settle 1s cubic-bezier(.16,1,.3,1) both}
@keyframes sheet-settle{from{transform:translateY(22px) rotate(0deg)}to{transform:rotate(-1.2deg)}}
.sheet ::selection{background:#ead7ad;color:var(--paper-ink)}
.sheet-head{padding-bottom:16px;border-bottom:1.5px solid var(--paper-ink)}
.sheet-head h2{font-size:22px;line-height:1.3;letter-spacing:-.025em}
.sheet-head p{margin-top:4px;font-size:14px;color:var(--paper-help)}
.sheet-list li+li{border-top:1px solid var(--paper-line)}
.sheet-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;margin-inline:-12px;padding:12px 12px;border-radius:8px;transition:background-color .16s}
.sheet-list a:hover{background:var(--paper-hover)}
.sheet-list a:focus-visible{outline-color:#97723c;outline-offset:0}
.p-name{font-size:17px;font-weight:750;line-height:1.4}
.p-host{grid-row:1;grid-column:2;align-self:baseline;font-size:13px;color:var(--paper-help);font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .16s}
.p-desc{grid-column:1/-1;font-size:14px;line-height:1.5;color:var(--paper-help)}
.sheet-list a:hover .p-host{text-decoration-color:currentColor}

/* Sections */
main>section{padding-block:112px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end}
.section-head h2,.scanner h2{font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.12;letter-spacing:-.035em;max-width:18ch}
.section-head p{font-size:17px;color:var(--muted);max-width:44ch}

.course-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;margin-top:48px;padding:48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.course-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.course-title-row h3{font-size:clamp(1.75rem,2.6vw,2.3rem);line-height:1.15;letter-spacing:-.035em}
.status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--status-bg);color:var(--status-ink);font-size:13px;font-weight:700;line-height:1.4}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-dot)}
.course-lead{margin-top:16px;font-size:18px;max-width:46ch}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0 36px}
.facts div{border-top:1px solid var(--line);padding-top:14px}
.facts dt{font-size:13px;color:var(--muted)}
.facts dd{margin-top:4px;font-size:20px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.course-program{padding-left:40px;border-left:1px solid var(--line)}
.course-program h4{font-size:17px;line-height:1.4}
.course-program ol{margin-top:14px;counter-reset:lesson}
.course-program li{counter-increment:lesson;display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.course-program li::before{content:counter(lesson);min-width:14px;color:var(--accent-ink);font-weight:750;font-variant-numeric:tabular-nums}
.course-program p{margin-top:16px;font-size:15px;color:var(--muted)}

.course-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin-top:24px}
.course-row{display:block;padding:28px 0;border-top:1px solid var(--line)}
.course-row h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;transition:color .16s}
.course-row p{margin-top:10px;font-size:16px;color:var(--muted);max-width:54ch}
.row-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:700;color:var(--accent-ink)}
.row-link .icon{width:18px;height:18px}
.course-row:hover h3{color:var(--accent-ink)}

main>section.scanner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:center;margin-top:112px;padding:64px;background:var(--slab);color:var(--slab-text);color-scheme:dark;border-radius:20px;max-width:calc(1240px - 2 * var(--gutter))}
:root[data-theme="dark"] main>section.scanner{background:#18252a;box-shadow:inset 0 0 0 1px var(--slab-line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main>section.scanner{background:#18252a;box-shadow:inset 0 0 0 1px var(--slab-line)}}
.scanner h2{max-width:20ch}
.scanner-lead{margin-top:18px;font-size:17px;color:var(--slab-muted);max-width:54ch}
.scanner-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:40px 0}
.scanner-steps li{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--slab-line)}
.scanner-steps li>span{color:var(--gold);font-size:22px;font-weight:650;line-height:1.2}
.scanner-steps h3{font-size:17px;line-height:1.4}
.scanner-steps p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--slab-muted)}
.doc{justify-self:center;display:block;width:100%;max-width:260px;padding:30px 24px 24px;background:#e3d3b0;color:#263631;border-radius:3px 3px 14px 3px;transform:rotate(2deg);box-shadow:0 30px 50px -28px rgba(0,0,0,.7)}
.doc-title{display:block;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.04em}
.doc-line{display:block;height:2px;margin-top:12px;background:#8d987f;width:88%}
.doc-title+.doc-line{margin-top:26px}
.doc-line.short{width:58%}
.doc-note{display:block;margin-top:32px;font-size:12px}

.link-list{margin-top:40px;border-bottom:1px solid var(--line)}
.link-list li{border-top:1px solid var(--line)}
.link-list a{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;gap:8px 40px;align-items:baseline;padding:22px 0}
.l-name{font-size:19px;font-weight:750;line-height:1.35;letter-spacing:-.02em;transition:color .16s}
.l-desc{font-size:16px;color:var(--muted);max-width:56ch}
.l-host{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .16s}
.link-list a:hover .l-name{color:var(--accent-ink)}
.link-list a:hover .l-host{text-decoration-color:currentColor}

main>section.contact{padding-block:112px 112px}
.contact h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em;max-width:26ch}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.site-footer{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-block:32px 40px;font-size:14px;color:var(--muted)}
.site-footer::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line)}
.footer-brand strong{display:block;font-size:16px;color:var(--ink)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.site-footer nav a{min-height:44px;display:inline-flex;align-items:center;transition:color .16s}
.site-footer nav a:hover{color:var(--ink)}
.footer-copy{font-size:13px}

/* Responsive */
@media (max-width:1060px){
  .hero{gap:48px}
  .course-main{grid-template-columns:1fr;gap:36px}
  .course-program{padding-left:0;border-left:0;padding-top:32px;border-top:1px solid var(--line)}
  main>section.scanner{grid-template-columns:1fr;gap:40px}
  .doc{justify-self:start;transform:rotate(1.5deg)}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding-block:32px 72px}
  .sheet{transform:rotate(-.6deg);animation-name:sheet-settle-sm}
  @keyframes sheet-settle-sm{from{transform:translateY(18px) rotate(0deg)}to{transform:rotate(-.6deg)}}
  .section-head{grid-template-columns:1fr;gap:16px}
  .course-rows{grid-template-columns:1fr}
  .link-list a{grid-template-columns:1fr;gap:4px}
  .l-host{margin-top:4px}
}
@media (max-width:760px){
  :root{--gutter:16px}
  .site-nav{display:none}
  .site-header{justify-content:space-between;padding-block:14px}
  .hero h1{font-size:clamp(2.15rem,9.6vw,3rem)}
  .hero-lead{font-size:17px;margin-top:20px}
  .hero-actions{margin-top:28px}
  .hero-actions .btn{width:100%}
  .hero-proof{margin-top:32px;padding-top:20px;font-size:17px}
  .sheet{padding:22px 20px 10px}
  .sheet-list a{grid-template-columns:1fr;margin-inline:-8px;padding:12px 8px}
  .p-host{grid-row:3;grid-column:1;margin-top:2px}
  main>section{padding-block:80px 0}
  .course-main{margin-top:32px;padding:28px 22px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:26px 0 30px}
  .course-main .btn{width:100%}
  main>section.scanner{margin:80px var(--gutter) 0;padding:36px 22px;max-width:none;border-radius:16px}
  .scanner-steps{grid-template-columns:1fr;gap:0;margin:28px 0 32px}
  .scanner-steps li{padding-block:16px}
  .scanner .btn{width:100%}
  .doc{max-width:220px;padding:20px 18px}
  .doc-title{font-size:21px}
  .link-list{margin-top:28px}
  .link-list a{padding:18px 0}
  main>section.contact{padding-block:80px}
  .contact-actions .btn{width:100%}
  .site-footer{display:block}
  .site-footer nav{margin-block:12px}
}
@media (prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}