.rdemo{--rd-canvas: #f7f8fa;--rd-surface: #ffffff;--rd-ink: #0c1724;--rd-ink-2: #45566b;--rd-ink-3: #6d7c8b;--rd-primary: #1e3a8a;--rd-primary-hi: #1d4ed8;--rd-teal: #2d6970;--rd-border: rgba(18, 40, 62, .1);--rd-border-2: rgba(18, 40, 62, .18);--rd-border-3: rgba(18, 40, 62, .28);--rd-ok: #15803d;--rd-bad: #9f1239;--rd-s-03: .5rem;--rd-s-04: .75rem;--rd-s-05: 1rem;--rd-s-06: 1.5rem;--rd-s-07: 2rem;--rd-ease: cubic-bezier(.2, 0, .38, .9);--rd-ease-entrance: cubic-bezier(0, 0, .38, .9);--rd-t-control: .24s;--rd-t-panel: .4s;--rd-r-1: 2px;--rd-r-2: 3px;--rd-gutter: clamp(20px, 3vw, 56px);position:relative;min-height:100vh;background:var(--rd-canvas);color:var(--rd-ink);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;display:grid;grid-template-rows:auto minmax(0,1fr);overflow-x:clip}.rdemo:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(18,40,62,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(18,40,62,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(120% 80% at 26% 40%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(120% 80% at 26% 40%,#000 0%,transparent 72%)}@media(min-width:981px){.rdemo--demo{overflow:hidden}}.rdemo__shader{position:absolute;z-index:0;inset:0 0 0 40%;pointer-events:none;background:radial-gradient(ellipse 58% 52% at 68% 30%,rgba(45,105,112,.13),transparent 68%),radial-gradient(ellipse 50% 46% at 88% 78%,rgba(20,40,62,.1),transparent 72%)}.rdemo__shader[data-live]{background:none}@media(max-width:1080px){.rdemo__shader{inset:0;opacity:.7}}.rdemo__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 var(--rd-gutter);border-bottom:1px solid var(--rd-border)}.rdemo__mark{display:inline-flex;align-items:center;gap:.75rem;font-size:1.125rem;color:var(--rd-ink);text-decoration:none}.rdemo__bar-note{font-size:.9375rem;color:var(--rd-ink-3)}.rdemo__main{position:relative;z-index:1;display:grid;align-content:center;padding:clamp(24px,4vh,56px) var(--rd-gutter);min-width:0}.rdemo:not(.rdemo--demo) .rdemo__main{padding-top:clamp(96px,13vh,140px)}.rdemo__choose{position:relative;z-index:1;display:grid;justify-items:start;gap:var(--rd-s-06);max-width:1180px;margin:0 auto;width:100%}.rdemo:not(.rdemo--demo) .rdemo__shader{opacity:.5;inset:0 0 0 46%}.rdemo--demo .rdemo__shader{inset:0 38% 0 0;opacity:.55;background:radial-gradient(ellipse 56% 50% at 42% 34%,rgba(45,105,112,.13),transparent 68%),radial-gradient(ellipse 48% 44% at 22% 76%,rgba(20,40,62,.1),transparent 72%)}.rdemo--demo .rdemo__shader[data-live]{background:none}@media(max-width:1080px){.rdemo--demo .rdemo__shader{inset:0;opacity:.4}}.rdemo__h1{margin:0;font-size:clamp(2.1rem,1.25rem + 2.6vw,3.15rem);font-weight:300;line-height:1.06;letter-spacing:-.022em;text-wrap:balance;color:var(--rd-ink)}.rdemo__h1--branch{font-size:clamp(1.8rem,1.1rem + 1.9vw,2.5rem)}.rdemo__lead{margin:0;max-width:52ch;font-size:1.125rem;line-height:1.55;color:var(--rd-ink-2)}.rdemo__lead--branch{font-size:1rem;max-width:46ch}.rdemo__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,28px);width:100%}@media(max-width:860px){.rdemo__cards{grid-template-columns:1fr}}.rdemo__card{display:flex;flex-direction:column;gap:var(--rd-s-04);padding:clamp(22px,2.2vw,32px);background:var(--rd-surface);border:1px solid var(--rd-border-2);border-radius:var(--rd-r-2);text-decoration:none;color:inherit;transition:border-color var(--rd-t-control) var(--rd-ease),transform var(--rd-t-control) var(--rd-ease)}.rdemo__card:hover{border-color:var(--rd-border-3);transform:translateY(-2px)}.rdemo__card:focus-visible{outline:2px solid var(--rd-primary);outline-offset:3px}.rdemo__card:hover .rdemo__card-go svg{transform:translate(4px)}.rdemo__card-title{margin:0;font-size:clamp(1.3rem,1.1rem + .6vw,1.55rem);font-weight:400;letter-spacing:-.018em;line-height:1.14}.rdemo__card-body{margin:0;font-size:.9375rem;line-height:1.55;color:var(--rd-ink-2)}.rdemo__card-go{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:var(--rd-s-03);font-size:.9375rem;font-weight:500;color:var(--rd-primary)}.rdemo__card-go svg{transition:transform var(--rd-t-control) var(--rd-ease)}.rdemo__quiet{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.9375rem;color:var(--rd-ink-2);text-decoration:none;background:none;padding:0 0 2px;border:0;border-bottom:1px solid var(--rd-border-3);cursor:pointer;transition:border-color var(--rd-t-control) var(--rd-ease),color var(--rd-t-control) var(--rd-ease)}.rdemo__quiet:hover{color:var(--rd-ink);border-color:var(--rd-ink)}.rdemo__quiet:focus-visible{outline:2px solid var(--rd-primary);outline-offset:3px}.rdemo__quiet--btn{align-self:flex-start;margin-top:var(--rd-s-05)}.rdemo__stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.72fr);gap:clamp(28px,3.2vw,56px);align-items:center;max-width:1560px;margin:0 auto;width:100%}.rdemo__stage--stacked{grid-template-columns:minmax(0,1fr);gap:var(--rd-s-07)}.rdemo__film{width:100%;max-width:calc((100dvh - 190px)*1.6);margin:0 auto;border:1px solid var(--rd-border-2);border-radius:var(--rd-r-2);overflow:hidden;background:#0b0b10;box-shadow:0 1px 2px #0c17240a,0 18px 50px #0c17240f}.rdemo__panel{display:flex;flex-direction:column;align-items:stretch;gap:var(--rd-s-04);min-width:0}.rdemo__back{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-size:.875rem;letter-spacing:.04em;color:var(--rd-ink-3);background:none;border:0;padding:0;cursor:pointer;transition:color var(--rd-t-control) var(--rd-ease)}.rdemo__back:hover{color:var(--rd-ink)}.rdemo__back:focus-visible{outline:2px solid var(--rd-primary);outline-offset:3px}.rdemo__field{margin-bottom:var(--rd-s-04)}.rdemo__duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--rd-s-04)}@media(max-width:560px){.rdemo__duo{grid-template-columns:1fr}}.rdemo__label{display:block;margin-bottom:.35rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-size:.875rem;font-weight:400;color:var(--rd-ink-3)}.rdemo__input{width:100%;box-sizing:border-box;padding:11px 13px;font-family:inherit;font-size:.9375rem;line-height:1.5;color:var(--rd-ink);background:var(--rd-surface);border:1px solid var(--rd-border-2);border-radius:var(--rd-r-1);caret-color:var(--rd-primary);transition:border-color var(--rd-t-control) var(--rd-ease),box-shadow var(--rd-t-control) var(--rd-ease)}.rdemo__input::placeholder{color:var(--rd-ink-3)}.rdemo__input:focus-visible{outline:none;border-color:var(--rd-primary);box-shadow:0 0 0 3px #1e3a8a29}.rdemo__input:disabled{opacity:.6;cursor:not-allowed}.rdemo__input--area{resize:none;min-height:76px}.rdemo__count{margin-top:.35rem;text-align:right;font-size:.875rem;color:var(--rd-bad)}.rdemo__submit{display:flex;align-items:center;gap:var(--rd-s-04);flex-wrap:wrap;margin-top:var(--rd-s-05)}.rdemo__cta{display:inline-flex;align-items:center;gap:.5rem;min-height:54px;padding:0 var(--rd-s-06);font-family:inherit;font-size:1.0625rem;font-weight:400;color:#fff;background:var(--rd-primary);border:1px solid rgba(12,23,36,.36);border-radius:var(--rd-r-1);cursor:pointer;box-shadow:inset 0 1px #ffffff24,0 1px 2px #0c17240a;transition:background var(--rd-t-control) var(--rd-ease)}.rdemo__cta:hover:not(:disabled){background:var(--rd-primary-hi)}.rdemo__cta:focus-visible{outline:2px solid var(--rd-primary);outline-offset:3px}.rdemo__cta:disabled{opacity:.45;cursor:not-allowed}.rdemo__result{font-size:.9375rem;line-height:1.45;max-width:30ch}.rdemo__result--ok{color:var(--rd-ok)}.rdemo__result--bad{color:var(--rd-bad)}.rdemo__honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:1080px){.rdemo{min-height:0}.rdemo__stage{grid-template-columns:minmax(0,1fr)}.rdemo__film{max-width:none}}@media(prefers-reduced-motion:reduce){.rdemo *,.rdemo *:before,.rdemo *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
