:root{--paper:#f1ece2;--sheet:#fbf8f2;--ink:#1a1a1a;--ink-2:#4a463f;--ink-3:#857f74;--rule:#cfc8ba;--red:#c8372d;--blue:#1f4e9e;--ochre:#e3a91b;--sans:'Jost','Futura','Century Gothic','Avenir Next',Arial,sans-serif;--gutter:clamp(16px,4vw,56px);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter);width:100%}
.mast{border-bottom:2px solid var(--ink)}
.mast .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:600 1.3rem/1 var(--sans)}
.marks{display:inline-flex;align-items:flex-end;gap:4px}
.marks i{display:block;width:14px;height:14px}
.marks .sq{background:var(--red)}.marks .ci{background:var(--ochre);border-radius:50%}
.marks .tr{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--blue)}
.mast nav{display:flex;gap:20px;font-size:15px}
.mast nav a{text-decoration:none}.mast nav a:hover{text-decoration:underline}
main{flex:1}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,6vw,90px);align-items:start;padding-block:clamp(36px,6vw,80px)}
.label{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.intro h1{font:500 clamp(2.8rem,6.4vw,5.8rem)/.88 var(--sans);letter-spacing:-.045em;margin:14px 0 0}
.intro h1 b{display:block;font-weight:700}
.intro p{color:var(--ink-2);max-width:40ch;margin:22px 0 0;font-size:1.1rem}
.points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.points li{display:flex;gap:14px;align-items:baseline}
.points li i{flex:none;display:inline-block;width:14px;height:14px;transform:translateY(1px)}
.points li:nth-child(3n+1) i{background:var(--red)}.points li:nth-child(3n+2) i{background:var(--ochre);border-radius:50%}
.points li:nth-child(3n) i{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--blue)}
.comp{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);aspect-ratio:3/2;max-width:300px;margin-top:40px}
.comp i{display:block}
.comp .c1{background:var(--blue);position:relative;overflow:hidden}.comp .c1::after{content:'';position:absolute;inset:0;background:var(--ochre);border-radius:0 0 0 100%}
.comp .c2{background:var(--red);border-radius:50%}.comp .c3{background:var(--ink)}.comp .c4{background:var(--ochre)}
.comp .c5{border:2px solid var(--ink);border-radius:100% 0 0 0}.comp .c6{background:var(--blue);clip-path:polygon(0 100%,50% 0,100% 100%)}
.card{background:var(--sheet);border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ochre);padding:clamp(22px,3.6vw,44px)}
.card h2{font:700 clamp(1.9rem,3.4vw,2.6rem)/1 var(--sans);letter-spacing:-.04em;margin:0 0 6px}
.card .sub{color:var(--ink-2);margin:0 0 22px}
form{display:grid;gap:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
fieldset{border:0;padding:0;margin:0;display:grid;gap:18px;min-width:0}
legend{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:0;margin-bottom:4px}
label{display:grid;gap:7px;font:500 14px var(--sans);color:var(--ink-2)}
label .opt{color:var(--ink-3);font-weight:400}
input,select{font:400 17px var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:9px 0;width:100%}
select{appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,var(--ink) 50%) calc(100% - 12px) 55%/6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--ink) 50%) calc(100% - 6px) 55%/6px 6px no-repeat;padding-right:24px}
input:focus,select:focus{outline:none;border-bottom-color:var(--red)}
.hint{font-size:13px;color:var(--ink-3);font-weight:400}
.consent{display:flex;gap:12px;align-items:flex-start;font:400 14.5px/1.45 var(--sans);color:var(--ink-2);cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--ink);flex:none;display:grid;place-items:center;padding:0;margin-top:1px;cursor:pointer}
.consent input::after{content:'';width:10px;height:10px;background:var(--red);transform:scale(0);transition:transform .15s}
.consent input:checked::after{transform:scale(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 16px/1 var(--sans);padding:15px 22px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}
.btn:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}
.btn:disabled{opacity:.55;cursor:progress}
.foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.status{min-height:1.4em;font:500 15px var(--sans);color:var(--red);margin:0}
.status.ok{color:var(--blue)}
.switch-line{margin:18px 0 0;font-size:15px;color:var(--ink-2)}
footer{border-top:2px solid var(--ink);padding-block:22px 36px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--ink-3)}
@media (max-width:860px){.split{grid-template-columns:1fr}.comp{display:none}}
@media (max-width:520px){.row2{grid-template-columns:1fr}.card{box-shadow:8px 8px 0 var(--ochre)}}