@font-face{font-family:"Rubik";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/rubik-latin-400_800.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+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --wool:#f4eee2;--paper:#fffcf5;--ink:#2a1d14;--ink-2:#64554a;--line:#e1d6c3;
  --red:#a3162b;--red-d:#86101f;--indigo:#23305e;--gold:#e0a526;--teal:#1c7c74;--err:#b3261e;
  --sans:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--wool);color:var(--ink);font:400 18px/1.6 var(--sans)}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;line-height:1.06;letter-spacing:-.02em}
p{margin:0}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}

.weave{height:32px;background:url(/assets/weave-1.svg) repeat-x 0 0/96px 32px}

/* Header */
.top-in{display:flex;align-items:center;gap:28px;min-height:76px}
.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.sym{width:36px;height:36px;flex:none}
.word{font:700 22px/1 var(--sans);letter-spacing:-.02em;white-space:nowrap}
.word span{color:var(--red)}
.sections{display:flex;gap:26px;margin-left:auto;font-weight:500;font-size:16px}
.sections a{text-decoration:none;color:var(--ink-2)}
.sections a:hover{color:var(--red)}

/* Hero */
.hero{padding:72px 0 96px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.kicker{font:600 14px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.hero h1{font-size:clamp(44px,5.8vw,80px);max-width:11ch}
.hero h1 em{font-style:normal;color:var(--red)}
.lede{margin-top:26px;font-size:20px;line-height:1.55;max-width:36ch;color:#4a3d33}

.card{background:var(--paper);border-radius:6px;border-top:16px solid var(--red);box-shadow:0 1px 0 var(--line),0 22px 50px rgba(42,29,20,.14);position:relative}
.card::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:url(/assets/weave-1.svg) repeat-x 0 0/56px 14px;border-radius:0 0 6px 6px}
.lead,.done{padding:30px 30px 26px}
.form-title{font-size:30px;margin-bottom:20px}
.field{margin-bottom:18px}
label{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
input[type=text],input[type=email],input[type=number]{width:100%;font:500 18px/1.3 var(--sans);color:var(--ink);background:#fff;border:2px solid #cbbfab;border-radius:4px;padding:12px 14px;appearance:none;-moz-appearance:textfield}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input::placeholder{color:#a3968a}
input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(35,48,94,.2)}
input[aria-invalid="true"]{border-color:var(--err)}
.money{display:flex;align-items:stretch;border:2px solid #cbbfab;border-radius:4px;background:#fff;overflow:hidden}
.money:focus-within{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(35,48,94,.2)}
.money span{display:flex;align-items:center;padding:0 12px;font-weight:700;color:var(--ink-2);background:#f3ecdf}
.money .cur{font-size:14px;letter-spacing:.06em}
.money input{border:0;border-radius:0;box-shadow:none!important}
.help{font-size:14.5px;line-height:1.45;color:var(--ink-2);margin-top:6px}
.err{font-size:15px;font-weight:600;color:var(--err);margin-top:6px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.captcha{margin:6px 0 16px;min-height:65px}
.btn{width:100%;font:700 19px/1 var(--sans);color:#fff;background:var(--indigo);border:0;border-radius:4px;padding:18px;cursor:pointer}
.btn:hover{background:#1a2550}
.btn:disabled{opacity:.7;cursor:wait}
.status{font-weight:600;color:var(--err);margin-top:10px}
.status:empty{display:none}
.fine{text-align:center;font-size:14.5px;color:var(--ink-2);margin-top:12px}
.done h2{font-size:30px;margin-bottom:12px}
.done strong{color:var(--red);overflow-wrap:anywhere}
.link-btn{margin-top:18px;font:600 16px var(--sans);color:var(--indigo);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Quipu */
.cycle{background:var(--paper);padding:92px 0 96px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cycle h2{font-size:clamp(34px,4.2vw,54px);max-width:17ch}
.intro{margin-top:20px;font-size:19px;max-width:60ch;color:#4a3d33}
.quipu{position:relative;margin-top:60px}
.main-cord{height:12px;border-radius:6px;background:repeating-linear-gradient(115deg,#6b4a2f 0 8px,#8a6442 8px 14px)}
.cords{list-style:none;margin:0;padding:0 0 0 4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.c{display:flex;gap:18px;align-items:flex-start}
.cord{width:40px;height:200px;flex:none;margin-top:-4px}
.c-txt{padding-top:42px}
.when{font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--indigo)}
.c2 .when{color:var(--red)}
.c3 .when{color:#9a6a00}
.c h3{font-size:19px;font-weight:700;letter-spacing:0;margin:8px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.c p:last-child{font-size:16.5px;line-height:1.55;color:#4a3d33}
.note{margin-top:40px;font-size:15px;color:var(--ink-2);max-width:80ch;border-top:1px solid var(--line);padding-top:18px}

/* Public */
.public{background:var(--indigo);color:#fff;padding:68px 0}
.public-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}
.public h2{font-size:clamp(30px,3.4vw,44px);color:var(--gold)}
.public p{font-size:19px;line-height:1.6;color:#e3e6f2}

/* After */
.after{padding:92px 0}
.after h2{font-size:clamp(32px,3.8vw,48px)}
.steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;counter-reset:s}
.steps li{counter-increment:s;border-left:4px solid var(--red);padding:4px 0 4px 20px}
.steps li:nth-child(2){border-color:var(--indigo)}
.steps li:nth-child(3){border-color:var(--gold)}
.steps li:nth-child(4){border-color:var(--teal)}
.steps li::before{content:counter(s);display:block;font:800 40px/1 var(--sans);color:var(--ink);margin-bottom:12px}
.steps h3{font-size:19px;font-weight:700;letter-spacing:0;line-height:1.3;margin-bottom:8px}
.steps p{font-size:16.5px;line-height:1.55;color:#4a3d33}

/* FAQ */
.faq{padding:0 0 100px}
.faq-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px}
.faq h2{font-size:clamp(32px,3.8vw,48px)}
.qs details{border-bottom:2px solid var(--line)}
.qs details:first-child{border-top:2px solid var(--line)}
.qs summary{cursor:pointer;list-style:none;font-weight:600;font-size:19px;padding:18px 40px 18px 0;position:relative}
.qs summary::-webkit-details-marker{display:none}
.qs summary::after{content:"+";position:absolute;right:4px;top:12px;font:700 28px/1 var(--sans);color:var(--red)}
.qs details[open] summary::after{content:"–"}
.qs details p{padding:0 0 20px;font-size:17px;color:#4a3d33;max-width:62ch}

/* Footer */
.foot{background:var(--ink);color:#d8cdbf;padding:28px 0;font-size:15px}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.mark.small .sym{width:26px;height:26px}
.mark.small .word{font-size:17px}
.foot .word span{color:var(--gold)}

@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero h1{max-width:13ch}
  .quipu{margin-top:40px}
  .main-cord{display:none}
  .cords{grid-template-columns:1fr;padding:0;gap:30px}
  .cord{display:none}
  .c-txt{padding:0 0 0 18px;border-left:6px solid var(--indigo)}
  .c2 .c-txt{border-color:var(--red)}
  .c3 .c-txt{border-color:var(--gold)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-in,.public-in{grid-template-columns:1fr;gap:26px}
}
@media (max-width:640px){
  .sections{display:none}
  body{font-size:17px}
  .wrap{width:calc(100% - 32px)}
  .top-in{min-height:64px}
  .hero{padding:44px 0 72px}
  .hero h1{font-size:44px}
  .lede{font-size:18px}
  .lead,.done{padding:24px 18px 20px}
  .form-title{font-size:26px}
  .cycle,.after{padding:68px 0}
  .when{font-size:24px}
  .steps{grid-template-columns:1fr;gap:24px}
  .faq{padding-bottom:72px}
  .public{padding:48px 0}
}