.how-page{padding-block:42px 0}.how-opening{max-width:1160px;margin-inline:auto}.how-opening h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.18;letter-spacing:-.035em;max-width:950px}.how-intro{max-width:790px;margin-top:20px;color:var(--muted);font-size:1rem;line-height:1.8}.how-film{position:relative;margin-top:34px;aspect-ratio:65/36;background:#030c13;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #0003}.how-film video{display:block;width:100%;height:100%;object-fit:contain}.film-start{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #efbd6470;border-radius:6px;background:#061522eb;color:var(--text);font:inherit;cursor:pointer}.film-start[hidden]{display:none}.film-start .icon{color:var(--gold);width:28px;height:28px}.film-start:hover{border-color:var(--gold)}.film-caption{font-size:.7rem;line-height:1.6;color:var(--muted);margin-top:10px}
.how-section{max-width:1100px;margin-inline:auto;padding-block:68px;border-bottom:1px solid var(--line)}.how-section h2{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.4;letter-spacing:-.025em}.how-section p{font-size:.94rem;line-height:1.85;color:var(--muted);max-width:790px;margin-top:18px}.how-section .eyebrow{font-size:.7rem;margin-top:0;margin-bottom:12px;color:#d5b476}.how-section .how-note{font-size:.8rem}.how-section-heading{max-width:790px}
.how-flow{list-style:none;padding:0;margin:32px 0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.how-flow li{position:relative;display:flex;flex-direction:column;gap:15px;align-items:flex-start;line-height:1.6;font-size:.94rem;font-weight:500;padding-inline-end:12px}.flow-symbol{color:var(--gold);height:28px}.flow-symbol>.icon{width:27px;height:27px}.flow-arrow{position:absolute;inset-inline-end:-17px;top:4px;color:#668092;width:17px;height:17px}.setup-flow{margin-bottom:0}.running-flow{margin-bottom:0}.how-vps{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.vps-diagram{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.vps-device,.vps-server{display:flex;flex-direction:column;align-items:center;gap:10px}.vps-device>.icon{color:var(--muted);width:30px;height:30px}.vps-device span,.vps-server>span:last-child{font-size:.76rem;line-height:1.6;color:var(--muted)}.vps-connector{height:38px;border-inline-start:1px dashed #647b8c;margin-block:10px}.vps-server{padding:22px 28px;border:1px solid #385162;border-radius:8px;background:#0b2030;width:100%;max-width:350px}.vps-label{font-size:.72rem;letter-spacing:.16em;color:var(--gold)}.vps-server strong{font-size:.98rem}.vps-server strong span{font-weight:400;color:var(--muted);margin-inline:6px}
.how-monitor{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.monitor-labels{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:0;gap:0 28px}.monitor-labels li{padding-block:15px;border-bottom:1px solid var(--line);font-size:.85rem}.how-proof .button{margin-top:28px}.how-proof h2{font-size:clamp(1.65rem,3vw,2.5rem)}.how-sources{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:28px}.how-sources a,.how-sources>span{display:inline-flex;gap:12px;align-items:center;font-size:1.05rem;font-weight:600}.how-sources a .icon{width:15px;height:15px;color:var(--gold)}.how-sources a:hover{color:var(--gold)}.testing-points{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0;gap:16px 32px}.testing-points li{font-size:.85rem;border-inline-start:2px solid #9b7d48;padding-inline-start:12px}.how-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:.88rem;margin-top:24px}.how-text-link .icon{width:18px;height:18px}.how-text-link:hover{text-decoration:underline;text-underline-offset:4px}.how-risk h2{font-size:1.25rem}.how-risk p{font-size:.86rem}.how-close{text-align:center;padding-block:100px 110px}.how-close>.logo{display:inline-block;font-size:1.8rem}.how-close h2{font-size:clamp(1.75rem,3.4vw,2.7rem);line-height:1.35;margin:28px 0 16px}.how-close>p{font-size:.92rem;color:var(--muted)}.how-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}
[dir=rtl] .how-opening h1{letter-spacing:0;line-height:1.45}[dir=rtl] .how-page h2{letter-spacing:0}[dir=rtl] .how-page .flow-arrow,[dir=rtl] .how-page .how-text-link .icon,[dir=rtl] .how-page .button>.icon{transform:scaleX(-1)}
@media(max-width:800px){.how-vps,.how-monitor{gap:32px}.how-flow{gap:22px}.how-flow li{font-size:.86rem}.how-section{padding-block:50px}}
@media(max-width:600px){.how-page{padding-top:28px}.how-opening h1{font-size:2rem}.how-intro{font-size:.88rem;margin-top:14px;line-height:1.8}.how-film{margin-top:24px;border-radius:7px}.film-start{padding:9px 13px;font-size:.8rem;gap:8px}.film-start .icon{width:23px;height:23px}.film-caption{font-size:.64rem}.how-section{padding-block:38px}.how-section p{font-size:.85rem;line-height:1.85;margin-top:14px}.how-flow{grid-template-columns:1fr;gap:0;margin-top:26px;margin-bottom:16px}.how-flow li{display:flex;flex-direction:row;align-items:center;gap:16px;padding:0 0 26px;font-size:.9rem;min-height:54px}.how-flow li:last-child{padding-bottom:0}.flow-symbol{width:28px;flex:none}.flow-arrow{inset-inline-start:5px;inset-inline-end:auto;top:34px;transform:rotate(90deg);width:16px;height:16px}[dir=rtl] .how-page .flow-arrow{transform:rotate(90deg)}.how-vps,.how-monitor{grid-template-columns:1fr;gap:28px}.vps-server{max-width:100%}.vps-diagram{padding:8px 14px}.monitor-labels{gap:0 18px}.monitor-labels li{font-size:.8rem;padding-block:12px}.how-proof .button{margin-top:22px}.how-sources{gap:22px;margin-top:24px}.how-sources a{font-size:.95rem;gap:8px}.testing-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-block:24px}.testing-points li{font-size:.8rem;line-height:1.6}.how-close{padding-block:62px 68px}.how-actions{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto;gap:12px}.how-actions .button{font-size:.85rem}.how-close>p{font-size:.84rem}.how-risk h2{font-size:1.16rem}}