/* LetAI placeholder. Manrope (SIL OFL 1.1) is subset by site/fonts.py and served from here. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.woff) format("woff")}

:root{
  --bg:#FAF8F4;
  --ink:#1B1F2A;
  --soft:#4A5162;
  --muted:#686F82;
  --accent:#3D7BFF;
  --knot:#2B3040;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#12151C;
    --ink:#F2EFE9;
    --soft:#B0B7C6;
    --muted:#8C93A5;
    --accent:#6E9BFF;
    --knot:#C9CED9;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#12151C;
  --ink:#F2EFE9;
  --soft:#B0B7C6;
  --muted:#8C93A5;
  --accent:#6E9BFF;
  --knot:#C9CED9;
  color-scheme:dark;
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{
  min-height:100vh;min-height:100svh;
  display:grid;grid-template-rows:auto 1fr auto;
  background:var(--bg);color:var(--ink);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:500;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}

.top{padding:24px 0}
.brand{font-weight:700;font-size:17px;letter-spacing:.14em;text-transform:uppercase}

.hero{display:grid;place-items:center;padding:32px 0 56px;text-align:center}
h1{font-weight:700;font-size:clamp(40px,7vw,86px);line-height:1.06;letter-spacing:-.04em}
.soon{margin-top:30px;font-size:clamp(17px,1.9vw,21px);line-height:1.5;color:var(--soft)}
.soon span{display:inline-block}

/* The knot under «простым» unties into a straight line once, a second after load. */
.u{position:relative;display:inline-block;white-space:nowrap}
.ul{position:absolute;left:-2%;bottom:-.14em;width:104%;height:.34em;overflow:visible}
.ul path{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.knot{stroke:var(--knot);animation:untie 1.4s cubic-bezier(.5,0,.2,1) .9s both}
.line{display:none;stroke:var(--accent)}
@keyframes untie{from{stroke:var(--knot)}to{stroke:var(--accent)}}

.foot{padding:0 0 26px;font-size:14px;color:var(--muted)}

@media (max-width:600px){.ul path{stroke-width:4}}
/* With reduced motion: the straight line, still. */
@media (prefers-reduced-motion:reduce){.knot{display:none}.line{display:inline}}