@layer reset;@layer base{.case-hero--contract{background:radial-gradient(circle at 12% 18%,#2563eb4d,#0000 30rem),radial-gradient(circle at 88% 12%,#f59e0b2e,#0000 24rem),linear-gradient(145deg,#111c44 0%,#183b72 58%,#101a36 100%)}.case-hero--contract .eyebrow{color:#bfdbfe}.case-hero--contract .case-hero__copy h1{max-inline-size:19ch}}@layer layout;@layer components{.contract-demo{--contract-bg:#edf3fb;--contract-panel:#fff;--contract-soft:#f7f9fc;--contract-line:#ccd7e6;--contract-text:#17243b;--contract-muted:#5a687b;--contract-primary:#1d4ed8;--contract-primary-dark:#1e40af;--contract-primary-soft:#dbeafe;--contract-accent:#f59e0b;color:var(--contract-text);background:var(--contract-bg);border:.0625rem solid #c2cfdf;border-radius:1.5rem;overflow:clip;box-shadow:0 1.5rem 4rem #0f172a2e;container:contract/inline-size}.contract-demo button,.contract-demo input,.contract-demo select{font:inherit}.contract-demo :is(button,input,select):focus-visible{outline-offset:.1875rem;outline:.1875rem solid #0369a1}.contract-demo__toolbar{border-bottom:.0625rem solid var(--contract-line);background:#fff;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;min-block-size:4.875rem;padding:.9rem clamp(1rem,2.4cqi,2rem);display:flex}.contract-demo__identity{align-items:center;gap:.75rem;display:flex}.contract-demo__mark{aspect-ratio:1;color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:.75rem .75rem .75rem .25rem;place-items:center;inline-size:2.75rem;font-size:.875rem;font-weight:900;display:grid;box-shadow:0 .5rem 1.25rem #2563eb3d}.contract-demo__identity div{gap:.12rem;display:grid}.contract-demo__identity strong{font-size:1rem}.contract-demo__identity small{color:var(--contract-muted);font-size:.875rem}.contract-demo__route{color:var(--contract-muted);align-items:center;gap:.5rem;margin-inline:auto;font-size:.875rem;font-weight:750;display:flex}.contract-demo__route span{color:var(--contract-primary)}.contract-demo__state{color:#92400e;background:#fef3c7;border-radius:999px;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:800}.contract-demo__workspace{grid-template-columns:minmax(15rem,.62fr) minmax(24rem,1fr) minmax(24rem,1.05fr);min-inline-size:0;display:grid}.contract-demo__requests,.contract-demo__form,.contract-demo__preview{min-inline-size:0;padding:clamp(1rem,2cqi,1.7rem)}.contract-demo__requests,.contract-demo__form{border-right:.0625rem solid var(--contract-line)}.contract-demo__requests{background:radial-gradient(circle at 0 0, #2563eb17, transparent 18rem), var(--contract-soft)}.contract-demo__form{background:var(--contract-panel)}.contract-demo__preview{background:radial-gradient(circle at 100% 0,#f59e0b1c,#0000 19rem),#e7edf7}.contract-demo__heading{justify-content:space-between;align-items:start;gap:.75rem;margin-block-end:.85rem;display:flex}.contract-demo__kicker{color:var(--contract-primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .28rem;font-size:.8125rem;font-weight:850}.contract-demo h3,.contract-demo legend{color:var(--contract-text);text-wrap:balance;margin:0;font-size:clamp(1.1rem,1.8cqi,1.35rem);font-weight:850;line-height:1.2}.contract-demo__count{color:var(--contract-primary-dark);background:#eff6ff;border:.0625rem solid #bfdbfe;border-radius:999px;flex:none;padding:.38rem .62rem;font-size:.8125rem;font-weight:800}.contract-demo__hint{color:var(--contract-muted);margin:-.35rem 0 .9rem;font-size:.875rem;line-height:1.45}.contract-demo__request-list{gap:.55rem;display:grid}.contract-demo__request{border:.0625rem solid var(--contract-line);min-block-size:4.75rem;color:var(--contract-text);cursor:pointer;text-align:left;background:#fff;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);gap:.55rem .75rem;padding:.75rem;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.contract-demo__request:hover,.contract-demo__request.is-active{background:#eff6ff;border-color:#60a5fa;box-shadow:0 .4rem 1.1rem #2563eb1a}.contract-demo__request.is-active{box-shadow:inset .22rem 0 var(--contract-primary)}.contract-demo__request-id{aspect-ratio:1;color:#fff;background:var(--contract-primary);border-radius:.6rem;grid-row:span 2;place-items:center;inline-size:2.2rem;font-size:.8125rem;font-weight:900;display:grid}.contract-demo__request strong,.contract-demo__request small{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.contract-demo__request strong{align-self:end;font-size:.875rem}.contract-demo__request small{color:var(--contract-muted);font-size:.8125rem}.contract-demo__request--attention .contract-demo__request-id{color:#422006;background:#fbbf24}.contract-demo__form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.contract-demo__form legend{margin-block-end:.35rem}.contract-demo__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem;margin-block-start:.9rem;display:grid}.contract-demo__field{gap:.32rem;min-inline-size:0;display:grid}.contract-demo__field--wide{grid-column:1/-1}.contract-demo__field label{color:#34445b;font-size:.8125rem;font-weight:750}.contract-demo__field input,.contract-demo__field select{min-block-size:2.75rem;inline-size:100%;color:var(--contract-text);box-sizing:border-box;background:#fff;border:.0625rem solid #b9c7d9;border-radius:.65rem;padding:.65rem .72rem;font-size:1rem}.contract-demo__field :is(input,select)[aria-invalid=true]{background:#fef2f2;border-color:#b91c1c}.contract-demo__vat{color:#34445b;cursor:pointer;grid-column:1/-1;align-items:center;gap:.55rem;min-block-size:2.75rem;font-size:.875rem;font-weight:700;display:flex}.contract-demo__vat input{block-size:1.2rem;inline-size:1.2rem;accent-color:var(--contract-primary);margin:0}button.contract-demo__submit{color:#fff;background:var(--contract-primary);cursor:pointer;border:0;border-radius:.75rem;min-block-size:3rem;inline-size:100%;margin-block-start:.9rem;padding:.75rem 1rem;font-weight:850;transition:background-color .18s,box-shadow .18s}button.contract-demo__submit:not(:disabled):hover{background:var(--contract-primary-dark);box-shadow:0 .6rem 1.25rem #2563eb33}button.contract-demo__submit:disabled{color:#166534;cursor:default;background:#dcfce7}.contract-demo__status{min-block-size:2.5rem;color:var(--contract-muted);margin:.6rem 0 0;font-size:.8125rem;line-height:1.4}.contract-demo__status.is-complete{color:#166534;font-weight:750}.contract-demo__sheet{background:#fff;border:.0625rem solid #cbd5e1;border-radius:.3rem;min-block-size:28rem;padding:clamp(1.1rem,2.2cqi,1.6rem);box-shadow:0 .9rem 2rem #0f172a24}.contract-demo__dochead{border-bottom:.0625rem solid #e2e8f0;align-items:center;gap:.65rem;padding-block-end:.8rem;display:flex}.contract-demo__word{aspect-ratio:1;color:#fff;background:#185abd;border-radius:.45rem;place-items:center;inline-size:2.2rem;font-size:.875rem;font-weight:900;display:grid}.contract-demo__dochead div{gap:.12rem;min-inline-size:0;display:grid}.contract-demo__dochead strong,.contract-demo__dochead small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract-demo__dochead strong{font-size:.875rem}.contract-demo__dochead small{color:var(--contract-muted);font-size:.75rem}.contract-demo__docstate{color:#1e40af;background:#dbeafe;border-radius:999px;margin-inline-start:auto;padding:.32rem .5rem;font-size:.75rem;font-weight:800}.contract-demo__document{color:#283548;padding-block-start:1rem;font-family:Georgia,Times New Roman,serif;font-size:.8125rem;line-height:1.55}.contract-demo__document h4{color:#101827;text-align:center;text-transform:uppercase;margin:0 0 .85rem;font-size:1rem}.contract-demo__document p{margin:.55rem 0 0}.contract-demo__document strong{color:#111827;font-family:system-ui,sans-serif;font-size:.78rem}.contract-demo__document .is-missing{color:#991b1b;background:#fee2e2;padding-inline:.2rem}.contract-demo__result{color:#166534;background:#f0fdf4;border:.0625rem solid #86efac;border-radius:.75rem;align-items:center;gap:.65rem;margin-block-start:.75rem;padding:.72rem;display:flex}.contract-demo__result[hidden]{display:none}.contract-demo__result strong,.contract-demo__result small{display:block}.contract-demo__result strong{font-size:.8125rem}.contract-demo__result small{color:#3f6250;margin-block-start:.12rem;font-size:.75rem}.contract-demo__result-mark{aspect-ratio:1;color:#fff;background:#16a34a;border-radius:50%;place-items:center;inline-size:2rem;font-weight:900;display:grid}.contract-demo__caption{color:#526579;text-align:center;margin:.8rem 0 0;font-size:.875rem}.value-formula--contract{background:radial-gradient(circle at 90% 10%,#f59e0b24,#0000 18rem),#111c44;border-color:#60a5fa57;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start}}@layer responsive{@container contract (inline-size<70rem){.contract-demo__workspace{grid-template-columns:minmax(15rem,.7fr) minmax(24rem,1.3fr)}.contract-demo__preview{border-top:.0625rem solid var(--contract-line);grid-column:1/-1}.contract-demo__form{border-right:0}}@media (width<=42rem){.case-hero--contract .case-hero__copy h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-inline-size:100%;font-size:clamp(2.2rem,10.7vw,3.2rem)}.contract-demo{border-radius:1rem}.contract-demo__toolbar,.contract-demo__requests,.contract-demo__form,.contract-demo__preview{padding:1rem}.contract-demo__route{order:3;inline-size:100%;margin-inline:0}.contract-demo__state{margin-inline-start:auto}.contract-demo__workspace{grid-template-columns:minmax(0,1fr)}.contract-demo__requests,.contract-demo__form{border-right:0;border-bottom:.0625rem solid var(--contract-line)}.contract-demo__preview{border-top:0;grid-column:auto}.contract-demo__fields{grid-template-columns:minmax(0,1fr)}.contract-demo__field--wide,.contract-demo__vat{grid-column:auto}.contract-demo__sheet{min-block-size:0}}@media (pointer:coarse){.contract-demo button,.contract-demo input,.contract-demo select{min-block-size:3rem}}@media (prefers-reduced-motion:reduce){.contract-demo__request,.contract-demo button{transition:none}}@media (forced-colors:active){.contract-demo__request.is-active,.contract-demo__result,.contract-demo__document .is-missing{border-color:highlight}}html[data-capture=card],html[data-capture=card] body{background:var(--contract-bg,#edf3fb);block-size:873px;min-block-size:873px;inline-size:1800px;min-inline-size:1800px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .contract-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{block-size:100%;inline-size:100%;max-inline-size:none;margin:0;padding:0}html[data-capture=card] .contract-demo{block-size:873px;inline-size:1800px;box-shadow:none;border:0;border-radius:0}html[data-capture=card] .contract-demo__workspace{block-size:795px}}