html{overflow-x:auto;}
    body{margin:0;background:#0F0F0F;font-family:'Noto Sans KR',sans-serif;overflow-x:auto;min-width:max-content;}
    .page-header{position:fixed;top:0;left:0;right:0;background:#1A1D26;color:#fff;padding:0 32px;display:flex;align-items:stretch;height:52px;z-index:100;border-bottom:1px solid #2D3140;}
    .header-title{display:flex;align-items:center;gap:10px;padding-right:32px;border-right:1px solid #2D3140;}
    .header-title h1{font-size:14px;font-weight:700;margin:0;}
    .header-title span{font-size:11px;color:#9CA3AF;}
    .tab-group{display:flex;align-items:stretch;padding-left:24px;}
    .tab-btn{display:flex;align-items:center;gap:8px;padding:0 20px;font-size:12px;font-weight:700;color:#6B7280;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;font-family:inherit;transition:all 0.2s;white-space:nowrap;}
    .tab-btn:hover{color:#fff;}
    .tab-btn.active-a{color:#2563EB;border-bottom-color:#2563EB;background:rgba(37,99,235,0.06);}
    .tab-btn.active-b{color:#9CA3AF;border-bottom-color:#9CA3AF;background:rgba(156,163,175,0.06);}
    .tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
    .flow-tab{display:none;}
    .flow-tab.on{display:flex;}
    .flow-wrapper{display:flex;align-items:flex-start;padding:80px 32px 40px;overflow-x:auto;overflow-y:hidden;min-height:100vh;width:max-content;}
    .flow-wrapper::-webkit-scrollbar{height:6px;}
    .flow-wrapper::-webkit-scrollbar-track{background:#1a1a1a;}
    .flow-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:3px;}
    .phone-wrap{position:relative;flex-shrink:0;}
    .flow-label{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:#fff;background:#1A1D26;padding:3px 10px;border-radius:99px;white-space:nowrap;z-index:10;}
    .flow-label.a{background:#2563EB;}
    .flow-label.b{background:#6B7280;}
    .flow-label.ok{background:#10B981;}
    .flow-arrow{display:flex;align-items:center;justify-content:center;color:#4B5563;font-size:20px;margin:0 8px;flex-shrink:0;padding-top:380px;}
    .phone-frame{width:375px;height:812px;background:var(--bg,#F7F8FA);position:relative;overflow:hidden;border-radius:44px;box-shadow:0 0 0 3px #2a2a2a,0 24px 80px rgba(0,0,0,.7);flex-shrink:0;}
    .tab-desc{position:fixed;top:52px;left:0;right:0;padding:8px 32px;font-size:11px;font-weight:600;z-index:99;border-bottom:1px solid;}
    .tab-desc.a{background:rgba(37,99,235,0.08);color:#2563EB;border-color:rgba(37,99,235,0.2);}
    .tab-desc.b{background:rgba(107,114,128,0.08);color:#9CA3AF;border-color:rgba(107,114,128,0.2);}