.sage-rm-phone .screen{border:var(--border-width) solid var(--line-on-anchor);--shot-angle:165deg;--shot-shade:14%;border-radius:1rem;block-size:16.875rem;inline-size:11.875rem;position:relative;overflow:hidden}.sage-rm-phone .site{background:radial-gradient(120% 80% at 50% 35%, color-mix(in srgb,var(--level-lite) 14%,transparent), transparent 62%);position:absolute;inset:0}.sage-rm-phone .pip{z-index:2;border-radius:var(--space-2);border:var(--border-width) solid var(--level-lite);--shot-angle:165deg;--shot-shade:8%;block-size:5.125rem;inline-size:4.125rem;box-shadow:0 4px 12px color-mix(in srgb,var(--bedrock) 50%,transparent);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);overflow:hidden}.sage-rm-phone .face{background:color-mix(in srgb,var(--level-lite) 30%,transparent);block-size:1.5rem;inline-size:1.5rem;box-shadow:0 12px 0 -2px color-mix(in srgb,var(--level-lite) 22%,transparent);border-radius:50%;position:absolute;inset-block-start:var(--space-6);inset-inline-start:50%;transform:translate(-50%)}.sage-rm-phone .who{z-index:1;font-family:var(--font-sans);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-floor);color:var(--level-lite);text-align:center;background:color-mix(in srgb, var(--bedrock) 60%, transparent);padding:var(--space-1) 0;position:relative}.sage-rm-phone .vf{z-index:1;position:absolute;inset:6.75rem 1.625rem 3.5rem}.sage-rm-phone .vf i{inline-size:var(--space-5);block-size:var(--space-5);border:0 solid color-mix(in srgb, var(--text-on-dark-muted) 70%, transparent);position:absolute}.sage-rm-phone .vf i:first-child{border-block-start-width:var(--rule-width);border-inline-start-width:var(--rule-width);inset-block-start:0;inset-inline-start:0}.sage-rm-phone .vf i:nth-child(2){border-block-start-width:var(--rule-width);border-inline-end-width:var(--rule-width);inset-block-start:0;inset-inline-end:0}.sage-rm-phone .vf i:nth-child(3){border-block-end-width:var(--rule-width);border-inline-start-width:var(--rule-width);inset-block-end:0;inset-inline-start:0}.sage-rm-phone .vf i:nth-child(4){border-block-end-width:var(--rule-width);border-inline-end-width:var(--rule-width);inset-block-end:0;inset-inline-end:0}.sage-rm-phone .vf b{inset-inline:var(--space-1);block-size:var(--rule-width);background:linear-gradient(90deg, transparent, var(--level-lite), transparent);opacity:0;position:absolute;inset-block-start:0}.sage-rm-phone .screen.scan .vf b{animation:sage-rm-scan 1s var(--motion-ease)}@keyframes sage-rm-scan{0%{opacity:0;inset-block-start:0}15%{opacity:1}85%{opacity:1}to{opacity:0;inset-block-start:100%}}.sage-rm-phone .flash{z-index:3;background:var(--white);opacity:0;pointer-events:none;position:absolute;inset:0}.sage-rm-phone .screen.snap .flash{animation:.45s ease-out sage-rm-flash}@keyframes sage-rm-flash{0%{opacity:.55}to{opacity:0}}.sage-rm-phone .tag{z-index:2;font-family:var(--font-sans);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-floor);color:var(--bedrock);background:var(--level-lite);border-radius:var(--radius);padding:var(--space-1) var(--space-3);white-space:nowrap;transition:opacity .2s;position:absolute;inset-block-end:var(--space-5);inset-inline-start:50%;transform:translate(-50%)}.sage-rm-phone .tag.sw{opacity:0}.sage-rm-phone .shots{gap:var(--space-3);grid-template-columns:repeat(3,4.5rem);display:grid}.sage-rm-phone .shot i{border-radius:var(--radius);border:var(--border-width) dashed var(--line-on-anchor);block-size:3.125rem;inline-size:4.5rem;transition:background .4s var(--motion-ease), border-color .4s;position:relative}.sage-rm-phone .shot.on i{border:var(--border-width) solid var(--level-lite);background:radial-gradient(90% 70% at 50% 30%, color-mix(in srgb, var(--level-lite) 32%, transparent), color-mix(in srgb, var(--bedrock) 90%, transparent))}.sage-rm-phone .shot .done{inline-size:var(--space-5);block-size:var(--space-5);color:var(--level);background:var(--white);transition:transform .3s var(--motion-ease) .15s;border-radius:50%;position:absolute;inset-block-start:calc(-1 * var(--space-2));inset-inline-end:calc(-1 * var(--space-2));transform:scale(0)}.sage-rm-phone .shot.on .done{transform:scale(1)}.sage-rm-phone .shot em{font-style:normal;transition:color .3s}.sage-rm-phone .shot.on em{color:var(--text-on-dark-strong)}.sage-rm-flow{gap:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.sage-rm-flow:before{content:"";block-size:var(--border-width);background:var(--line-strong);z-index:0;position:absolute;inset-block-start:50%;inset-inline:6%}.sage-rm-flow .step{z-index:1;position:relative}.sage-rm-flow .tok{z-index:2;background:var(--white);border:var(--rule-width) solid var(--level-deep);border-radius:var(--radius-square);opacity:0;block-size:1.125rem;inline-size:.8125rem;margin-block-start:-.5625rem;position:absolute;inset-block-start:50%;inset-inline-start:0}.sage-rm-flow.is-in .tok{animation:sage-rm-travel 3s var(--motion-ease) .4s forwards}@keyframes sage-rm-travel{0%{opacity:0;inset-inline-start:2%}8%{opacity:1}30%{inset-inline-start:16%}50%{inset-inline-start:49%}70%{inset-inline-start:82%}92%{opacity:1}to{opacity:0;inset-inline-start:96%}}.sage-rm-flow.is-in .step{animation:sage-rm-pass .6s var(--motion-ease) var(--d,0s)}@keyframes sage-rm-pass{50%{border-color:var(--level-deep);background:color-mix(in srgb, var(--level) 8%, var(--white))}}@media (width<35rem){.sage-rm-flow{grid-template-columns:minmax(0,1fr)}.sage-rm-flow:before,.sage-rm-flow .tok{display:none}}.sage-rm-safe .frame{border-radius:var(--radius);border:var(--border-width) solid var(--line-strong);block-size:9.375rem;position:relative}.sage-rm-safe .chain{--gap:var(--space-hairline);background:var(--line);border:var(--border-width) solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.sage-rm-safe .row{background:var(--surface-card);padding:var(--space-5) var(--space-6)}
