.role-story[data-astro-cid-brqwsvde]{margin-top:0}.role-story-card[data-astro-cid-brqwsvde],.role-story-final[data-astro-cid-brqwsvde]{padding:clamp(32px,5vw,68px)}.role-story-card[data-astro-cid-brqwsvde]{background:var(--fg);color:var(--bg)}.role-story-label[data-astro-cid-brqwsvde]{margin:0 0 28px;font-size:11px;letter-spacing:1.3px;font-weight:700;color:inherit}.role-story-intro[data-astro-cid-brqwsvde]{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}h2[data-astro-cid-brqwsvde]{margin:0;font-size:clamp(34px,5vw,62px);line-height:1.04;letter-spacing:-.045em;font-weight:900;color:inherit}.role-story-intro[data-astro-cid-brqwsvde] h2[data-astro-cid-brqwsvde] span[data-astro-cid-brqwsvde]{color:#be5d13}.role-story-intro[data-astro-cid-brqwsvde]>p[data-astro-cid-brqwsvde],.role-story-final-bottom[data-astro-cid-brqwsvde]>p[data-astro-cid-brqwsvde]{margin:0;max-width:440px;font-size:17px;line-height:1.5;color:inherit}.role-story-points[data-astro-cid-brqwsvde]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:62px}.role-story-points[data-astro-cid-brqwsvde]>div[data-astro-cid-brqwsvde]{border-top:1px solid #999;padding-top:18px}.role-story-points[data-astro-cid-brqwsvde] span[data-astro-cid-brqwsvde]{display:block;margin-bottom:22px;font-size:11px;font-weight:700}.role-story-points[data-astro-cid-brqwsvde] h3[data-astro-cid-brqwsvde]{margin:0 0 9px;font-size:20px;color:inherit}.role-story-points[data-astro-cid-brqwsvde] p[data-astro-cid-brqwsvde]{margin:0;color:#42454b;font-size:14px;line-height:1.55}.role-story-guide[data-astro-cid-brqwsvde]{display:inline-flex;justify-content:space-between;gap:38px;min-width:230px;margin-top:50px;padding:16px 0;border-top:1px solid #999;color:var(--bg);font-size:14px;font-weight:700}.role-story-guide[data-astro-cid-brqwsvde]:hover{color:#a94e06}.role-story-final[data-astro-cid-brqwsvde]{margin-top:1px;background:var(--accent);color:var(--bg)}.role-story-final-bottom[data-astro-cid-brqwsvde]{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:28px}.role-story-final-bottom[data-astro-cid-brqwsvde] .install-trigger{background:var(--bg);color:var(--fg)}.role-story-final-bottom[data-astro-cid-brqwsvde] .install-trigger .caret{color:var(--fg)}@media (max-width: 800px){.role-story-intro[data-astro-cid-brqwsvde]{grid-template-columns:1fr;gap:20px}.role-story-points[data-astro-cid-brqwsvde]{gap:18px}.role-story-final-bottom[data-astro-cid-brqwsvde]{flex-direction:column;align-items:stretch}}@media (max-width: 600px){.role-story-card[data-astro-cid-brqwsvde],.role-story-final[data-astro-cid-brqwsvde]{padding:30px 23px}.role-story-points[data-astro-cid-brqwsvde]{grid-template-columns:1fr;gap:22px;margin-top:40px}.role-story-points[data-astro-cid-brqwsvde]>div[data-astro-cid-brqwsvde]{padding-top:14px}.role-story-points[data-astro-cid-brqwsvde] span[data-astro-cid-brqwsvde]{margin-bottom:10px}.role-story-final-bottom[data-astro-cid-brqwsvde] .install-switch,.role-story-final-bottom[data-astro-cid-brqwsvde] .install-trigger{width:100%}}.role-page [hidden],[data-role-root] [hidden]{display:none!important}.role-page{padding:0}.role-wrap{max-width:1280px;padding-inline:36px}.role-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(32px,6vw,88px);align-items:center;min-height:660px;padding:72px 0 88px;border-bottom:1px solid var(--line)}.role-copy,.role-visual{min-width:0}.role-head{text-align:left;margin-bottom:30px}.role-head .section-label{margin-bottom:23px}.role-head .section-label:before{display:none}.role-head h1{margin:0 0 22px;font-size:clamp(44px,5.6vw,70px);line-height:1.04;letter-spacing:-.045em}.role-lead{color:var(--fg-dim);font-size:17px;line-height:1.5;max-width:540px}.role-form{display:flex;gap:.6rem}.role-input{flex:1 1 auto;min-width:0;min-height:48px;padding:.7rem 1rem;font:600 1rem var(--font-sans);color:var(--fg);background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px}.role-input:focus{outline:none;border-color:rgba(var(--accent-rgb),.7)}.role-btn{min-height:52px;flex:none;font-weight:800}.role-hint{margin:11px 0 0;color:var(--fg-mute);font-size:12px;text-align:left}.role-out{margin-top:0}.role-status{padding:1.1rem 1.2rem;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);color:var(--fg-dim);text-align:center;line-height:1.5}.role-status[data-kind=loading]{animation:none;padding:0;border:0;background:transparent}.role-status .role-retry{margin-top:.8rem}.role-card-box{display:flex;justify-content:center}.role-card-box .rgk,.role-card-box .h-donk-native{width:100%;max-width:480px}.role-room-note{margin:.85rem auto 0;max-width:420px;color:var(--fg-mute);font-size:.82rem;line-height:1.45;text-align:center}.role-plays{margin:1rem 0 0;text-align:center;font-weight:700;color:var(--accent)}.role-fresh{margin:.7rem 0 0;text-align:center;color:var(--fg-mute);font-size:.8rem;font-family:var(--font-mono)}.role-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.role-act{min-height:44px}.role-copied{margin-top:.6rem;text-align:center;color:var(--success);font-size:.88rem}.role-compare{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line)}.role-compare-label{display:block;margin-bottom:.5rem;font-weight:700;font-size:.92rem}.role-vs{margin-top:1.2rem;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-2);padding:1rem}.role-vs-head,.role-vs-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center;text-align:center}.role-vs-head{padding-bottom:.7rem;margin-bottom:.3rem;border-bottom:1px solid var(--line-2);font-weight:800}.role-vs-head>span,.role-vs-row>span{min-width:0;overflow-wrap:anywhere}.role-vs-head .role-vs-word{color:var(--accent);font-size:.85rem}.role-vs-row{padding:.5rem 0;border-bottom:1px solid var(--line);font-weight:700;font-variant-numeric:tabular-nums}.role-vs-row:last-of-type{border-bottom:0}.role-vs-row .role-vs-label{color:var(--fg-mute);font-size:.78rem;font-weight:600;min-width:5.5rem}.role-vs-row .win{color:var(--success)}.role-vs-note{margin-top:.8rem;text-align:center;color:var(--fg-dim);font-size:.9rem}.role-cta{margin:24px auto 0;text-align:center}.role-cta p{margin:0 0 1rem;color:var(--fg);line-height:1.5}.role-cta-btn{min-height:48px;white-space:normal}.role-turnstile{position:fixed;bottom:12px;right:12px;z-index:50}.role-page--article{margin:42px 0 50px;background:var(--accent);color:var(--bg)}.role-page--article .role-wrap{padding:0}.role-page--article .role-stage{display:block;min-height:0;padding:0;border:0}.role-page--article .role-copy{padding:38px}.role-page--article .role-head{margin-bottom:25px}.role-page--article .role-head .section-label{color:var(--bg)}.prose .role-page--article .role-head h2{margin:18px 0 12px;color:var(--bg);font-size:clamp(36px,5vw,46px);line-height:1.08;letter-spacing:-.045em}.prose .role-page--article .role-head h2:before{content:none}.prose .role-page--article .role-lead{margin:0;max-width:600px;color:var(--bg);font-size:16px;line-height:1.5}.role-page--article .role-form{margin-top:25px}.role-page--article .role-input{background:var(--bg)}.role-page--article .role-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:170px;background:var(--bg);color:var(--fg)}.role-page--article .role-btn:hover{color:var(--accent)}.role-page--article .role-hint{color:#3e2a15}.role-page--article .role-visual{padding:30px;background:var(--bg-2)}.role-page--article .role-card-box .rgk,.role-page--article .role-card-box .h-donk-native{max-width:420px}.role-page--article .role-cta{margin-top:20px}.role-page--article .role-cta .install-trigger{width:100%;max-width:420px}@media (max-width: 800px){.role-stage{grid-template-columns:1fr;min-height:0;gap:40px;padding:52px 0 72px}.role-head h1{font-size:clamp(40px,8vw,60px)}.role-visual{justify-self:center;width:100%}}@media (max-width: 480px){.role-wrap{padding-inline:23px}.role-stage{padding-top:40px}.role-form{flex-direction:column}.role-btn{width:100%}.role-vs{padding:.8rem .6rem}.role-page--article .role-copy{padding:28px 23px}.role-page--article .role-visual{padding:24px 15px}}