.ra-page{
overflow-x:clip;
}
.ra-page [hidden]{
display:none!important;
}
.ra-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:var(--space-6);
align-items:start;
}
.ra-hero-grid>*,
.ra-copy,
.ra-step>*,
.ra-step-content,
.ra-platform,
.ra-text-note,
.ra-closing>*{
min-width:0;
}
.ra-copy h1{
font-size:var(--text-display);
line-height:var(--lh-display);
overflow-wrap:break-word;
}
.ra-lead{
margin-top:var(--space-3);
max-width:42rem;
color:#5E5C68;
}
.ra-copy .c-actions{
margin-top:var(--space-3);
}
.ra-hero-note{
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#5E5C68;
}
.ra-handoff{
height:auto;
border-radius:var(--radius-lg);
overflow:hidden;
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#DDD9EE;
}
.ra-handoff-head{
display:flex;
align-items:center;
gap:var(--space-2);
padding:var(--space-3) var(--space-4);
background:#EEF7F0;
color:#1E3A2A;
--muted:#4B6A57;
--line:#D3E9DA;
}
.ra-handoff-head p{
font-family:var(--f-head);
font-size:var(--text-lg);
}
.ra-handoff-head svg{
display:block;
width:1.5rem;
height:1.5rem;
}
.ra-handoff-list{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
}
.ra-handoff-list>div{
display:grid;
grid-template-columns:minmax(5rem,.32fr) minmax(0,1fr);
align-items:start;
gap:var(--space-2);
min-width:0;
}
.ra-handoff-list dt,
.ra-handoff-list dd{
min-width:0;
overflow-wrap:break-word;
font-size:var(--text-sm);
}
.ra-handoff-list dt{
font-weight:600;
}
.ra-handoff-list dd{
color:#5D5986;
}
.ra-handoff-foot{
display:grid;
gap:var(--space-1);
padding:var(--space-3) var(--space-4);
background:#F5F5F7;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.ra-handoff-foot p{
font-size:var(--text-xs);
}
.ra-section-head{
display:grid;
gap:var(--space-2);
margin-bottom:var(--space-4);
}
.ra-section-head>p{
max-width:56rem;
color:var(--muted);
}
.ra-method-grid,
.ra-security-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
}
.ra-method-grid>.c-card,
.ra-security-grid>.c-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
padding:var(--space-4);
}
.ra-method-grid .c-badge,
.ra-security-grid .c-badge{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
padding:.4em .9em;
line-height:1.5;
margin-top:auto;
}
.ra-platforms{
display:grid;
gap:var(--space-4);
}
.ra-platform{
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#FFFFFF;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.ra-platform-head{
display:grid;
gap:var(--space-1);
margin-bottom:var(--space-4);
}
.ra-platform-head p{
font-size:var(--text-sm);
color:#5E5C68;
}
.ra-steps{
display:grid;
gap:var(--space-4);
list-style:none;
margin:0;
padding:0;
}
.ra-steps>.ra-step{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.ra-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#F1F0FA;
color:#2A2650;
font-size:var(--text-sm);
line-height:1;
}
.ra-step h4{
padding-block:var(--space-1);
font-size:var(--text-base);
}
.ra-step-content{
display:grid;
gap:var(--space-2);
}
.ra-step-content>p{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.ra-screen{
display:grid;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md);
background:#F5F5F7;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.ra-screen figcaption{
color:#5E5C68;
}
.ra-screen dl{
display:grid;
gap:var(--space-1);
}
.ra-screen dl>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:.15rem var(--space-2);
min-width:0;
}
.ra-screen dt,
.ra-screen dd{
min-width:0;
font-size:var(--text-sm);
overflow-wrap:break-word;
}
.ra-screen dt{
flex:1 0 auto;
min-width:min(100%,4.5rem);
color:#5E5C68;
}
.ra-screen dd{
flex:0 1 auto;
}
.ra-page kbd{
font-family:var(--f-mono);
font-size:var(--text-sm);
}
.ra-platform-note,
.ra-security-note{
margin-top:var(--space-4);
}
.ra-tuning-table{
font-variant-numeric:tabular-nums;
}
.ra-tuning-table th,
.ra-tuning-table td{
text-align:left;
}
.ra-tuning-notes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-4);
margin-top:var(--space-4);
}
.ra-text-note{
display:grid;
gap:var(--space-1);
}
.ra-text-note p{
font-size:var(--text-base);
color:#5E5C68;
}
.ra-faq{
display:grid;
}
.ra-faq>details{
padding:var(--space-3) 0;
border-bottom:1px solid #E6E5EA;
border-radius:0;
background:#FFFFFF;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.ra-faq>details:first-child{
border-top:1px solid #E6E5EA;
}
.ra-faq summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
list-style:none;
cursor:pointer;
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.ra-faq summary::-webkit-details-marker{
display:none;
}
.ra-faq summary::after{
content:"+";
flex:none;
font-size:var(--text-xl);
line-height:1;
}
.ra-faq details[open] summary::after{
content:"−";
}
.ra-faq details[open] summary{
margin-bottom:var(--space-2);
}
.ra-answer{
display:grid;
gap:var(--space-2);
padding-top:var(--space-2);
border-top:1px solid #E6E5EA;
background:#FFFFFF;
color:#5E5C68;
--muted:#5E5C68;
--line:#E6E5EA;
}
.ra-answer p{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.ra-support-note{
margin-top:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#DDD9EE;
}
.ra-support-note>p{
margin-top:var(--space-1);
}
.ra-email{
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}
.ra-end{
padding-bottom:var(--space-close);
}
.ra-page .ra-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#1C1B22;
color:#FFFFFF;
--muted:#D1CEDB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.ra-closing-copy h2{
color:#FFFFFF;
font-size:var(--text-section);
line-height:var(--lh-heading);
}
.ra-closing-copy p{
margin-top:var(--space-2);
color:#D1CEDB;
font-size:var(--text-base);
}
.ra-page .ra-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin:0;
min-width:0;
}
.ra-closing-actions>.c-btn--primary{
background:#FFFFFF;
color:#1C1B22;
border-color:#FFFFFF;
}
.ra-closing-actions>.c-btn--primary:hover{
background:#F5F5F7;
color:#1C1B22;
border-color:#F5F5F7;
}
.ra-closing-actions>.ra-closing-secondary{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}
.ra-closing-actions>.ra-closing-secondary:hover{
background:#F5F5F7;
color:#1C1B22;
border-color:#F5F5F7;
}
@media(max-width:64rem){
.ra-hero-grid{
grid-template-columns:minmax(0,1fr);
}
.ra-handoff{
height:auto;
}
.ra-method-grid,
.ra-security-grid{
grid-template-columns:minmax(0,1fr);
}
.ra-page .ra-closing{
grid-template-columns:minmax(0,1fr);
}
.ra-page .ra-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.ra-hero-grid{
gap:var(--space-4);
}
.ra-handoff-head,
.ra-handoff-list,
.ra-handoff-foot{
padding:var(--space-3);
}
.ra-handoff-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.ra-method-grid>.c-card,
.ra-security-grid>.c-card,
.ra-platform,
.ra-support-note{
padding:var(--space-3);
}
.ra-steps>.ra-step{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-2);
}
.ra-steps>.ra-step>:nth-child(3){
grid-column:2;
}
.ra-number{
width:2.25rem;
height:2.25rem;
}
.ra-step h4{
padding-block:var(--space-1);
}
.ra-screen dl>div{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.ra-tuning-notes{
grid-template-columns:minmax(0,1fr);
}
.ra-page .ra-closing{
padding:var(--space-3);
gap:var(--space-3);
}
.ra-page .ra-closing-actions{
align-items:stretch;
}
}