.secureflow-container{color:#fff;background:#000;min-height:100vh;padding:60px 20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.secureflow-hero{text-align:center;max-width:1100px;margin:0 auto;padding-bottom:10px}.secureflow-title{color:gold;margin-top:1em;font-size:42px;font-weight:700}.secureflow-description{color:#ccc;max-width:900px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.8}.secureflow-video-center{justify-content:center;align-items:center;width:100%;margin-top:40px;display:flex}.secureflow-video-box{aspect-ratio:16/9;background:#000;border:2px solid gold;border-radius:12px;width:100%;max-width:950px;position:relative;overflow:hidden}.secureflow-video-frame{background:#000;border:none;width:100%;height:100%;display:block}.secureflow-section{max-width:1100px;margin:80px auto;padding:0 20px}.secureflow-heading{color:#fff;border-left:4px solid gold;margin-bottom:25px;padding-left:12px;font-size:28px}.secureflow-text{color:#ccc;margin-bottom:40px;font-size:16px;line-height:1.8}.secureflow-architecture-flow,.secureflow-playwright-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:35px;padding:10px 0;display:flex}.secureflow-flow-node,.secureflow-flow-step{text-align:center;background:#111;border:2px solid gold;border-radius:10px;min-width:160px;padding:18px 16px;transition:all .3s}.secureflow-flow-node:hover,.secureflow-flow-step:hover{border-color:#ffed4a;transform:translateY(-2px)}.secureflow-flow-node h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.secureflow-flow-node span{color:#aaa;font-size:13px;display:block}.secureflow-flow-step{color:#ccc;font-size:14px;font-weight:500}.secureflow-flow-arrow{color:gold;flex-shrink:0;font-size:28px;font-weight:700}.secureflow-flow-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.secureflow-flow-card{color:#fff;background:#111;border:2px solid gold;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .3s}.secureflow-flow-card:hover{transform:scale(1.02)}.secureflow-testing-note{color:#ccc;background:#111;border:1px solid #333;border-radius:10px;margin-top:35px;padding:24px;line-height:1.8}.secureflow-feature-grid{flex-wrap:wrap;gap:15px;display:flex}.secureflow-feature-card{background:#111;border:1px solid gold;border-radius:8px;padding:14px}.secureflow-links{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}.secureflow-links a{color:gold;border:2px solid gold;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s}.secureflow-links a:hover{transform:translateY(-2px)}@media (max-width:1024px){.secureflow-title{font-size:36px}.secureflow-section{margin:60px auto}.secureflow-flow-node,.secureflow-flow-step{min-width:140px;padding:16px 14px}}@media (max-width:768px){.secureflow-container{padding:30px 16px}.secureflow-title{margin-top:2em;font-size:30px}.secureflow-description{padding:0 5px;font-size:15px}.secureflow-heading{padding-left:10px;font-size:24px}.secureflow-text{margin-bottom:30px;font-size:15px}.secureflow-architecture-flow,.secureflow-playwright-flow{flex-direction:column;gap:8px;margin-top:20px;padding:5px 0;position:relative}.secureflow-flow-arrow{color:gold;text-align:center;padding:2px 0;font-size:24px;line-height:1;display:block;transform:rotate(90deg)}.secureflow-flow-node,.secureflow-flow-step{width:100%;min-width:unset;padding:14px 16px}.secureflow-flow-node h4{font-size:15px}.secureflow-flow-step{font-size:13px}.secureflow-flow-grid{flex-direction:column;align-items:stretch;gap:10px}.secureflow-flow-card{text-align:center;width:100%;padding:12px 16px;font-size:13px}.secureflow-links{flex-direction:column;gap:12px;width:100%}.secureflow-links a{text-align:center;width:100%;padding:12px 20px}.secureflow-video-center{width:100%;margin-top:25px;padding:0}.secureflow-video-box{aspect-ratio:16/9;background:#000;border-width:2px;border-radius:10px;width:100%;position:relative;overflow:hidden}.secureflow-video-frame{background:#000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.secureflow-video-frame::-webkit-media-controls{display:none!important}.secureflow-video-frame::-webkit-media-controls-enclosure{display:none!important}.secureflow-video-frame::-webkit-media-controls-panel{display:none!important}}@media (max-width:480px){.secureflow-container{padding:20px 12px}.secureflow-title{font-size:26px}.secureflow-heading{padding-left:8px;font-size:20px}.secureflow-section{margin:40px auto;padding:0 10px}.secureflow-description{font-size:14px}.secureflow-text{margin-bottom:25px;font-size:14px}.secureflow-flow-node,.secureflow-flow-step{padding:12px 14px}.secureflow-flow-node h4{font-size:14px}.secureflow-flow-arrow{padding:1px 0;font-size:20px}.secureflow-flow-card{padding:10px 14px;font-size:13px}.secureflow-links a{padding:10px 16px;font-size:14px}.secureflow-video-box{aspect-ratio:16/9;border-width:1.5px;border-radius:8px}}@media (max-width:360px){.secureflow-container{padding:15px 10px}.secureflow-title{font-size:22px}.secureflow-heading{padding-left:6px;font-size:18px}.secureflow-flow-arrow{padding:0;font-size:18px}.secureflow-flow-node,.secureflow-flow-step{padding:10px 12px}.secureflow-flow-node h4{font-size:13px}.secureflow-flow-node span,.secureflow-flow-step{font-size:12px}.secureflow-video-box{aspect-ratio:16/9;border-width:1.5px;border-radius:8px}}