.rw-boundary { --rw-bg:#0b0d0a; --rw-panel:#12150f; --rw-line:rgba(229,239,207,.16); --rw-line-strong:rgba(229,239,207,.3); --rw-text:#f3f5ec; --rw-muted:#a4aa9b; --rw-soft:#72796d; --rw-lime:#d6ff3f; position:relative; isolation:isolate; overflow:hidden; color:var(--rw-text); background:var(--rw-bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.rw-boundary *, .rw-boundary *::before, .rw-boundary *::after { box-sizing:border-box; }
.rw-boundary__grid { position:absolute; inset:0; z-index:-1; opacity:.34; pointer-events:none; background-image:linear-gradient(rgba(214,255,63,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,255,63,.07) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,black 24%,black 78%,transparent); }
.rw-boundary__grid::after { content:""; position:absolute; width:52vw; height:52vw; max-width:700px; max-height:700px; right:-18%; top:-22%; border-radius:50%; background:radial-gradient(circle,rgba(191,236,43,.14),transparent 66%); }
.rw-boundary__inner { width:min(1180px,calc(100% - 72px)); margin:auto; display:grid; grid-template-columns:minmax(260px,.78fr) minmax(480px,1.22fr); gap:clamp(44px,8vw,122px); padding:clamp(86px,11vw,142px) 0; }
.rw-boundary__eyebrow,.rw-boundary__kicker,.rw-boundary__mode,.rw-boundary__step-label,.rw-boundary__status,.rw-boundary__details dt { font-size:10px; font-weight:750; letter-spacing:.15em; line-height:1.45; text-transform:uppercase; }
.rw-boundary__eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 27px; color:#aeb4a4; }
.rw-boundary__eyebrow>span:not(.rw-boundary__pulse) { color:#686f62; }
.rw-boundary__pulse { width:7px; height:7px; flex:none; border-radius:50%; background:var(--rw-lime); box-shadow:0 0 15px rgba(214,255,63,.65); }
.rw-boundary h2 { max-width:580px; margin:0 0 23px; font-size:clamp(44px,6.3vw,82px); font-weight:590; letter-spacing:-.075em; line-height:.98; }
.rw-boundary em { color:var(--rw-lime); font-style:normal; }
.rw-boundary__lede { max-width:475px; margin:0 0 32px; color:#bcc2b4; font-size:clamp(15px,1.6vw,18px); line-height:1.7; }
.rw-boundary__notice { display:grid; grid-template-columns:25px 1fr; gap:12px; max-width:500px; padding:15px; border:1px solid rgba(214,255,63,.28); background:rgba(214,255,63,.055); }
.rw-boundary__notice-mark { display:grid; place-items:center; width:21px; height:21px; border:1px solid var(--rw-lime); border-radius:50%; color:var(--rw-lime); font-weight:800; }
.rw-boundary__notice p { margin:0; color:#b6bdad; font-size:11px; line-height:1.7; }
.rw-boundary__notice strong { color:var(--rw-text); }
.rw-boundary__demo { align-self:center; min-width:0; border:1px solid var(--rw-line-strong); background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 60%),var(--rw-panel); box-shadow:0 25px 70px rgba(0,0,0,.3); }
.rw-boundary__demo-head { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:52px; padding:0 20px; border-bottom:1px solid var(--rw-line); }
.rw-boundary__kicker { color:#858d7d; }
.rw-boundary__mode { display:flex; align-items:center; gap:8px; color:var(--rw-lime); font-size:8px; }
.rw-boundary__mode span { width:6px; height:6px; border-radius:50%; background:var(--rw-lime); }
.rw-boundary__progress { padding:20px 23px 10px; }
.rw-boundary__progress-line { display:block; height:1px; margin:0 14% 16px; background:linear-gradient(90deg,var(--rw-lime),rgba(214,255,63,.16)); }
.rw-boundary__progress-line i { display:block; width:0%; height:2px; background:var(--rw-lime); box-shadow:0 0 10px rgba(214,255,63,.65); transition:width .35s ease; }
.rw-boundary__progress ol { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0; padding:0; list-style:none; }
.rw-boundary__progress li { display:flex; align-items:center; gap:9px; color:var(--rw-soft); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.rw-boundary__progress li span { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--rw-line-strong); border-radius:50%; font-size:9px; }
.rw-boundary__progress li.is-current,.rw-boundary__progress li.is-complete { color:var(--rw-text); }
.rw-boundary__progress li.is-current span,.rw-boundary__progress li.is-complete span { border-color:var(--rw-lime); color:var(--rw-lime); }
.rw-boundary__panel { margin:7px 23px 0; padding:25px 0 23px; border-top:1px solid var(--rw-line); }
.rw-boundary__panel-meta { display:flex; justify-content:space-between; gap:20px; margin-bottom:34px; }
.rw-boundary__step-label { color:var(--rw-text); }
.rw-boundary__status { color:var(--rw-lime); font-size:8px; }
.rw-boundary__content { min-height:265px; }
.rw-boundary__symbol { display:grid; place-items:center; width:47px; height:47px; margin-bottom:22px; border:1px solid rgba(214,255,63,.43); color:var(--rw-lime); font-size:23px; }
.rw-boundary__symbol--approval { border-radius:50%; background:var(--rw-lime); color:#10130b; }
.rw-boundary h3 { margin:0 0 15px; font-size:clamp(28px,3.4vw,44px); font-weight:550; letter-spacing:-.065em; line-height:1.02; }
.rw-boundary__content>p { max-width:520px; margin:0 0 27px; color:var(--rw-muted); font-size:13px; line-height:1.75; }
.rw-boundary__details { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0; padding-top:16px; border-top:1px solid var(--rw-line); }
.rw-boundary__details div { min-width:0; }
.rw-boundary__details dt { margin-bottom:7px; color:var(--rw-soft); font-size:8px; }
.rw-boundary__details dd { margin:0; color:#e4e8dc; font-size:11px; }
.rw-boundary__actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:22px; }
.rw-boundary__button { min-height:45px; padding:0 17px; border:1px solid transparent; border-radius:999px; cursor:pointer; font-size:11px; font-weight:750; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.rw-boundary__button:hover { transform:translateY(-2px); }
.rw-boundary__button:focus-visible { outline:2px solid var(--rw-lime); outline-offset:3px; }
.rw-boundary__button--primary { background:var(--rw-lime); color:#0a0d07; }
.rw-boundary__button--primary:hover { background:#e4ff79; }
.rw-boundary__button--quiet { border-color:var(--rw-line-strong); background:transparent; color:var(--rw-text); }
.rw-boundary__button--quiet:hover { border-color:var(--rw-lime); color:var(--rw-lime); }
.rw-boundary__footnote { display:flex; align-items:center; gap:8px; margin:0; padding:14px 23px; border-top:1px solid var(--rw-line); color:#929a89; font-size:9px; line-height:1.5; letter-spacing:.03em; }
.rw-boundary__footnote span { color:var(--rw-lime); font-size:14px; }
.rw-boundary [hidden] { display:none; }
@media (max-width:820px) { .rw-boundary__inner { grid-template-columns:1fr; width:min(650px,calc(100% - 40px)); gap:48px; } .rw-boundary__lede { max-width:600px; } }
@media (max-width:560px) { .rw-boundary__inner { width:calc(100% - 32px); padding:68px 0; } .rw-boundary__demo-head { align-items:flex-start; flex-direction:column; padding:16px; } .rw-boundary__progress { padding-inline:16px; } .rw-boundary__progress li { align-items:flex-start; flex-direction:column; gap:6px; font-size:8px; } .rw-boundary__panel { margin-inline:16px; } .rw-boundary__panel-meta { align-items:flex-start; flex-direction:column; gap:8px; margin-bottom:27px; } .rw-boundary__content { min-height:0; } .rw-boundary__details { grid-template-columns:1fr; gap:13px; } .rw-boundary__details div { display:flex; justify-content:space-between; gap:12px; } .rw-boundary__footnote { padding-inline:16px; } .rw-boundary__actions { justify-content:stretch; } .rw-boundary__button { flex:1 1 100%; } }
@media (prefers-reduced-motion:reduce) { .rw-boundary *, .rw-boundary *::before, .rw-boundary *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }
